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


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

Accessing to 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 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 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 site.


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.

Empty Line

Diagram & Info above from:

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:

Other resources:


物理層の例(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



299: WordPress Internals WordPress Theme Anatomy

http:/ 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




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:
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
I have a working to blogART299 notes.

There, I worked on the 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 site has more options to change web pages.

I created 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