Reduce initial server response time wordpress Complete Guide
Reduce initial server response time wordpress Complete Guide
This video contains everything about how to reduce initial server response time. watch it till the end to get a good understanding of what is initial server response time in wordpress and how to reduce it. The only solution to speed up wordpress site is page caching which is explained in depth in this video.
Fiverr profile: fiverr.com/axifdurmohammad
💥💥Vieo Chapters💥💥
00:00 Intro
00:36 What is server response time
02:07 Check server response time
03:08 Problems which create server response time error
03:12 Managed hosting
05:02 Number of Dom elements
06:10 SVG icons/images
08:51 Does cloudflare reduce initial server response time?
12:42 Best plugin to reduce initial server response time
14:28 How to install w3 total cache?
Content
10.88 -> hello guys welcome to my youtube channel
13.2 -> wordpress key this is my fiverr profile
16.4 -> if you find it hard to reduce initial
18.8 -> server response time please send me a
20.96 -> message on my fiverr inbox
25.359 -> i have gigs related to wordpress speed
27.599 -> only
28.48 -> and my reviews are also good to read
31.039 -> let's begin today's video
33.98 -> [Music]
40.399 -> this is a demo site where we will do all
42.879 -> the experiments as you can see its
45.2 -> showing reduce initial server response
47.68 -> time error and gate metric
50.03 -> [Music]
62.719 -> click on waterfall
64.479 -> you can see this long line here
67.2 -> that's the server response time which is
69.68 -> really long here if you hover the mouse
72.159 -> on the site url then you will see this
74.32 -> small box showing the time taken to load
76.88 -> this request
78.6 -> [Music]
114.399 -> in this box you can see it's taking
117.56 -> 861ms for waiting only
123.03 -> [Music]
128.959 -> there are multiple tools to check server
131.2 -> response time but we here we are
133.2 -> choosing bit catch are coming
139.24 -> [Music]
142.8 -> you can put your site url in this box
145.52 -> and click test now button
147.35 -> [Music]
152.48 -> along with server response time it will
154.8 -> show lcp and total blocking time also in
158.08 -> here our site server response time is
160.319 -> 11ms
161.19 -> [Music]
163.44 -> if you scroll down it will show the
165.36 -> server response time for your server in
167.599 -> different location here my site response
170.239 -> time in u.s west is 10ms usc 2ms
174.27 -> [Music]
179.36 -> the slowest is mumbai india
182.58 -> [Music]
196.56 -> there are many problems that increase
198.56 -> server response time
200.48 -> but above all is the page caching
202.4 -> provided by managed hosting providers
205.04 -> they also offer an out of box cache god
207.519 -> knows what that is but they use a
209.519 -> different cache from the server which
211.68 -> will not allow the admin to get paid
214.159 -> caching to the wordpress
222.5 -> [Music]
234.56 -> as you can see if the site is hosted on
236.799 -> a managed hosting wp rocket will not
239.36 -> show any option to purge your cache to
242 -> reduce initial server response time it
244.4 -> is always recommended to use op cache
247.36 -> and main cage in your site
254.79 -> [Music]
289.68 -> do
291.17 -> [Music]
316.56 -> still paid speed insight will always
318.72 -> show the avoid and excessive dome size
321.199 -> here you can see the number of elements
323.199 -> in my page are very low
324.63 -> [Music]
336.32 -> but look at this sample page i found on
338.639 -> google if you check the page is loaded
340.88 -> with element it's a large page to render
343.6 -> so the initial server response is going
345.759 -> to be low for him
349.59 -> [Music]
370.96 -> the issue that can cause server response
373.199 -> time error are the svg images how
377.23 -> [Music]
384.24 -> look at this long code in this site it's
386.88 -> an svg icon part it takes time to render
389.919 -> the dom building is stopped until this
391.919 -> code is rendered into an image until
394.24 -> it's not rendered the browser will show
396.4 -> nothing except a blank page
399.28 -> to fix this issue you can lazy load the
401.6 -> svg icons and images easily
407.97 -> [Music]
416.14 -> [Music]
447.199 -> to do this add the small css code into
450 -> your site's themes additional css
452 -> section add svg and in brackets and
454.56 -> content visibility property with hidden
456.88 -> here is how it will look like after
458.88 -> adding that css it will not render the
461.759 -> svg before page load
475.59 -> [Music]
489.52 -> now we can add a small javascript code
492.24 -> that will load the svg or remove the css
495.199 -> after the page load is complete this way
497.759 -> the svg icons and images will be lazy
500.56 -> loaded
504.03 -> [Music]
535.6 -> heard cloudflare can reduce initial
537.92 -> server response time let's test it today
545.42 -> [Music]
557.2 -> add a page rule with cash level
559.12 -> everything and don't forget to add a
560.959 -> cache level bypass rule to wp admin
563.68 -> directory also otherwise it will create
566.399 -> conflicts in your site
570.59 -> [Music]
595.36 -> so
599.78 -> [Music]
619.76 -> let's test it with gate matrix with
621.68 -> cloud plane attached
624.18 -> [Music]
635.519 -> it's showing a 69 ms including the main
638.64 -> document
642.13 -> [Music]
671.839 -> now we will pause cloud flare and test
673.92 -> it again on gate metric by pausing the
676.48 -> site on cloudflare mean it will bypass
679.12 -> cloudflare cachet and will response
681.36 -> directly from server
685.22 -> [Music]
711.44 -> this time it's showing
713.079 -> 683 ms for document load so it's proved
716.56 -> that clouderfair can reduce initial
718.56 -> server response time
724.83 -> [Music]
748.87 -> [Music]
765.92 -> our many page caching plugin but i
768 -> recommend the bloopy rocket and w3 total
770.56 -> cache wp rocket is a premium plugin and
773.44 -> charge dollar 100 for single sign but it
776.639 -> contains all the tools that you will
778.639 -> need to optimize your site completely
781.2 -> the
782.45 -> [Music]
787.279 -> blue 3 total cashier the other hand is a
789.76 -> free but powerful plug in the cons in w3
792.639 -> total cache is its complex for a
794.959 -> beginner to configure but w d rocket
797.839 -> does all the work by itself just after
800.079 -> activation wp rocket contains scripts
802.48 -> such as remove unused css and delay js
805.36 -> execution which are enough for a small
807.839 -> site to load until one seconds if
809.92 -> configured properly
811.94 -> [Music]
859.27 -> [Music]
870.8 -> install w3 total cache click on add new
873.92 -> inclusions drop down and write w3 total
876.8 -> cache in search box
890.399 -> once it appear click install and then
892.88 -> activate
895.84 -> [Music]
927.839 -> after installation you can go to
929.68 -> performance tab and click setup guide
933.24 -> [Music]
951.759 -> scroll down click next to begin in page
954.72 -> cache testing click test page caching
957.279 -> once it's done select the smallest time
959.519 -> on right side and
962.04 -> [Music]
969.67 -> [Music]
978.32 -> click next scene for database cache
981.04 -> object cache and browser cache
987.02 -> [Music]
995.31 -> [Music]
1041.6 -> you can use the lazy load if you don't
1043.52 -> have any lazy loading plugin already
1045.76 -> installed
1048.46 -> [Music]
1059.679 -> do
1062.24 -> [Music]
1070.24 -> after going to dashboard go to browser
1072.4 -> care section and enable http zip
1075.12 -> compression
1080.07 -> [Music]
1088.4 -> this self settings and purge caching
1097.42 -> [Music]
1103.84 -> you
Source: https://www.youtube.com/watch?v=HOSiUBXRHNU