Tools for Optimization and Security

Google PageSpeed Insights

Page Speed Insights testing my test17 WordPress

W3 Total Cache WP Plugin

Securi security

Automattic offers WP Super Cache

Advertisements

299: Number of HTTP Methods Involved for Free WordPress.com Site and a Minimum Static Site w/o CSS on Bluehost

Accessing to apur1e.wordpress.com via Firefox with Tools>Web Developer >Network shows many GET and POST methods are executed to access to the blog home page.

The total of 52 requests (HTTP Methods)
3.12 MB / 76.04 KB transferred
Finish: 11.95 s
DOMContentLoaded: 1.40 s
load: 1.80 s

While accessing to apurie.com via Firefox with Tools>Web Developer>Network shows single methods is executed to go to my static home page without images and CSS file.

One request (HTTP Method: GET)
540 B / 524 B transferred
Finish: 183 ms
DOMContentLoaded: 213 ms
load: 215 ms

The above is an apples and oranges comparison.

But one can sense wordpress.com has possibly includes overhead due to database accesses, theme effectiveness, and additional advertisement images and gifs.

For future, I would like to compare the WordPress on my Bluehost installation to compare with free WordPress.com site.

299: TCP/IP & HTTP GET & POST

RFC-2616– HyperText Transfer Protocol — HTTP/1.1

OSI 7-layer Reference Model and TCP/IP Protocol Layers.

Here Application Layers include 5. Session, 6. Presentation, and 7. Application Layers of OSI Model.

GET /index.html HTTP/1.1 
Host: localhost:8080
Connection: keep-alive
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.98 Safari/537.36
Accept: */*
Referer: http://localhost:8080/
Accept-Encoding: gzip, deflate, sdch, br
Accept-Language: ja,en-US;q=0.8,en;q=0.6

The first line indicates HTTP Request on the first line above: GET Method to /index.html URL, with HTTP 1.1 version protocol.

The second and to the empty line are the HTTP Request header.

HTTP Request POST method has a header part and a body part following the empty line of the header.

Header
Empty Line
Body

Diagram & Info above from:  https://www.micrium.com/iot/internet-protocols/

HTTP GET and POST requests are on the Application Layer of TCP/IP Model.

HTTP Request Method GET has the structure of : header

Info from:  https://qiita.com/Sekky0905/items/dff3d0da059d6f5bfabf

Other resources:https://www.ntu.edu.sg/home/ehchua/programming/webprogramming/HTTP_Basics.html

HTTPの教科書

物理層の例(Physical and Data Link Layers)

  • Ethernet (10, 100, 1G)
  • WiFi (802.11b, g, n)
  • Serial with PPP (point-to-point protocol)
  • GSM, 3G, LTE, 4G

バイラルクラブーグローバルアドレスとローカル・プライベートアドレス
現在使用中のIPアドレスを調べる。)

 

299: WordPress Internals

https://wpbeaches.com/how-to-find-out-what-wordpress-template-is-being-used-in-a-theme/

Yoast.com WordPress Theme Anatomy

http:/github.com/kccnma/teachingmaterials/tree/master/mycustomtheme-wp

apur1e.wordpress.com/about uses single.php – single entry – this can have categories.

my blogger home page is page.php index.php and they have header, loops, and footer.

Blog site’s home is a Index.php, which is basically list of articles

 

I am looking at Firefox >Tools>Tool Developer>Network, and there are lots of POST HTTP requests on my screen. Every time I hit <return> on this editing, it execute/send POST request from admin-ajax.php to the domain apur1e.wordpress.com/wp-admin/admin-ajax.php.

 

 

 

Went back all the postings

Here are two web books to scan and tryout:

Fundamentals of Web Programming has two sections:
Part I : Client Side Programming, and
Part II: Server Side Programming.

How to think like a computer scientists 😉

Recreating Vintage Computer Art with Processing” Youtube video by Alexander Miller.

p5js Best Resources:

Kadenze.com
Make: Getting Started with P5.js : Making interactive JavaScript and Processing by Lauren McCarthy, Casey Reas, & Ben Fry
Daniel Shiffman Youtubes – such as Coding Train
Creating Star Field with p5js – by Daniel Shiffman

Things to learn in future: how to export processing art into mp4 like motion graphics. Then work it with AfterEffects to edit with other motion graphics.

How did I corrupted 299kh.wordpress.com?
I have a working apur1e.wordpress.com to blogART299 notes.

There, I worked on the WordPress.com and its customization. Learned a bit of using categories to select the specific category postings to be shown on a page. Down loaded version of wordpress download to Bluehost.com site has more options to change web pages.

I created apurie.com/test17 for my portfolio using WordPress.

I plan to go back to Joshua Davis:
HYPE library video by Davis
and ‘As Above’
and Realtime Audio Reactive Video-using audio imput,
and Yeasayer-O.N.E.
and Sveta Olga 004