What is TTFB?
TTFB stands for time to first byte
FCP: first content full paint.
request goes to server and returns to browser it’s the time to first byte.
ideal 200ms
above 500ms worst.
most Web 300ms
time to first byte ttfb for static sites 100ms
Dynamic websites 300avg (un optimised )
TTFB= Database response time. +application server response time + web server response time.
TTFB= MySQL+php+nginx|apache
when limited memory &cpu resources ttfb or website always slows down.
TTFB+browser rending= 200ms+1.8sec= 2seconds (fast)
ideally 3 seconds.
Amp loads in 1 sec
human brain reaction time 100-200ms.
speed & earnings drop calculation
available at many sites.
10% earnings should be used for hosting,
whatever revenue loss you get due to slow speed. To fix the issue only 10% of your earnings cost upon increasing server capabilities.
if you increase 1sec speed your income may double, but costs 10% of exta income.
but optimizin only server boosts your income, there is marketing, competition, & customer need are the key.
don’t upgrade server unless you utilit 80% resources
first you need to configure the server & applications
to use full system resources.
nginx.conf mysql.conf php.ini
with docker resources automatically adjusted.
application & server Monitoring
new relic & data dog.
monitors databae like mysql ,application like php, severs like nginx apache
slow MySQL queries.(database admi ni is a big part)
php-fpm pool configuration (more threads more power)
nginx workers = auto (to utilise available cpu cores)
read performance tuning if linux, mysql, php-fpm, apache and nginx.
caching is main advantage
how caching works?
firts request go through server+php+MySQL= response time 300ms
2nd request goes through server=response time 100ms
fastcgi cache:
caches html Page
wordpress super cache plugin
W3tc page cache plugin
it’s simple to implement, but cache expiry time is the key.
opcache for php
MySQL object cache by redis, memcached
read opcache, w3tc plugin, wp super cache plugin,
Browser rendering optimization
critical css in head
js in footer
Remove render blocking js & css
page size should below 512kb but 1mb ideal
Average 3MB.
to decrease page size.
image
Js accounts most of the 70% out of 3mb.
so avoid plugins in wordpress.
TTFB | server response time l latency & location
while you are checking ttfb on Google pagespeed tool
it’s important that location of the server routing.
also cross check with webpagespeedtest.org
Gtmetrix.pingdom, and chrome devolopers tools.