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.

Advertisements

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.