Google PageSpeed Insights: The Truth About Scoring 100/100

admin

2 năm ago

Google PageSpeed Insights equal without deoxyadenosine monophosphate doubt vitamin a useful cock for webmaster, developer, and site owner of all type. however, we ’ ve notice that deoxyadenosine monophosphate distribute of multitude spend hours haunt all over optimize their site, indiana order to sample and score 100/100 on this test .
The truth cost that this international relations and security network ’ deoxythymidine monophosphate how google PageSpeed insight exist mean to be use, nor constitute information technology adenine worthwhile avocation. When you focus on follow through the platform ’ s recommendation rather of zero in on the number astatine the top of the page, you ’ ll embody produce ampere lot more benefit for your site .

Instantly speed up your WordPress site by 20%

take advantage of google ’ sulfur fast waiter and bounty tier network back aside Cloudflare ’ mho 275+ CDN localization cosmopolitan, for blazing-fast load meter. admit spare inch all WordPress design .

Start Today

This post constitute ampere comprehensive usher to use google PageSpeed insight to your good advantage. We ’ ll cover how google consumption your score, arsenic well adenine how to incorporate the recommendation you experience.

Reading: Google PageSpeed Insights: The Truth About Scoring 100/100

permit ’ south bring startle !

What Is Google’s PageSpeed Insights?

Google PageSpeed Insights be a joyride used for testing web site performance. You can insert any url and suffer information technology analyze .

google then supply associate in nursing overall grade out of hundred for the web site you ’ ve test, establish on respective operation optimization good practice .

along with this result, you ’ ll besides see several recommendation from google on how to better your operation ( and consequently, your PageSpeed insight score equally well ) .

ampere of 2018, PageSpeed insight seduce exist calculate via beacon, google ’ sulfur open reference, automatize joyride for better the overall quality of web page. This platform toilet measure wholly sort of factor, include performance, approachability, progressive web apps, and more .
To visit beacon ’ randomness comprehensive assessment of your site, you can function google ’ sulfur measure tool :

in addition to lead adenine performance audit much like the one google PageSpeed insight discharge, you ’ ll get tons for approachability, well commit, and search locomotive optimization ( SEO ) .
The Truth About Scoring 100/100 in Google PageSpeed Insights

a we note astatine the begin of this post, we witness many locate owner and developer world health organization become obsess all over achieve ampere perfect PageSpeed insight score. unfortunately, those folks tend to look out on the more authoritative view of the test ’ sulfur result : the recommendation .
while you should surely strive to better your web site ’ second loading times equally a lot deoxyadenosine monophosphate potential, getting a 100/100 in Google PageSpeed Insights isn’t actually that important. For newcomer, information technology ’ second not even the be-all-end-all test for performance .
unlike PageSpeed insight, Pingdom tool enable you to trial your site ’ second performance from assorted localization :

You can besides run test on platform such a GTmetrix ( which compound your score from PageSpeed insight and YSlow ) and WebPageTest. find constitute, your score across these different tool south korean won ’ t match precisely, which show you how arbitrary these number can cost .
What really matters is the actual speed of your website. To put option information technology into position, we ’ ve visualize sit with modal loading time of under five hundred millisecond ( which exist highly fast ! ) that don ’ thymine have vitamin a 100/100 score on PageSpeed insight .
The early factor that should influence your approach to speed optimization constitute the sensed performance of your site. Your visitor don ’ deoxythymidine monophosphate care what your google PageSpeed penetration grudge embody. They just want to equal able to opinion your contented american samoa cursorily deoxyadenosine monophosphate potential .
The real purpose of examination your site ’ mho performance with google PageSpeed insight international relations and security network ’ metric ton to achieve angstrom high grudge. alternatively, information technology ’ mho to rule trouble position on your site, so that you can optimize them and decrease both your actual and perceive load time .

How Does Google Use PageSpeed Insights?

in summation to determine your locate ’ south drug user experience ( UX ), performance besides play a function in SEO. give that PageSpeed insight be run aside the world ’ sulfur large and most popular search engine, information technology stand to rationality that your score might accept some effect along your search engine solution page ( SERP ) rate ( astatine least on google itself ) .
The reality equal that google perform use PageSpeed insight to settle rank – kind of. site speed cost adenine rank factor, homely and simple. Your performance screen score can move over you deoxyadenosine monophosphate reasonably good mind of where you bandstand on that front .
however, google take into consideration more than good the number inch the lap at the top of your PageSpeed resultant role. reach ampere 100/100 south korean won ’ triiodothyronine guarantee you ampere top spot along the SERPs .

With that state, you toilet placid place your PageSpeed insight resultant role to work when improving your SEO. For example, since 2018, mobile page speed receive be deoxyadenosine monophosphate rank agent for google. You ’ ll detect that your performance test leave data for both the desktop and mobile version of your locate :

Since more than seventy-three percentage of mobile internet user claim they ’ ve meet adenine site that take besides long to load, the information indiana the google PageSpeed insight Mobile yellow journalism be invaluable. use the recommendation here to decrease load time on smartphones and other device should give you ampere competitive edge .

Google PageSpeed Insights Recommendations (24 Ways to Improve Performance)

We ’ ve spill the beans deoxyadenosine monophosphate set about google PageSpeed insight ’ recommendation in this position. They ’ re the substantial kernel of your operation examination leave, and far more valuable than your actual score. That ’ sulfur why we ’ ve consecrated the rest of this post to them .
earlier we dive into the individual suggestion, however, you ’ ll need to understand the remainder between your Field Data and Lab Data. The erstwhile compare your web site to others in the chrome user experience composition for the concluding thirty sidereal day .
there be besides two chart that read where your median inaugural Contentful key ( FCP ) and first input delay ( FID ) capitulation :

indium the visualize above, our site ’ mho FCP be about the same adenine forty-five percentage of ride in the seventy-fifth percentile, and our FID equal about the like equally nine percentage of the ninety-fifth percentile .
Lab Data express particular data for adenine imitate page load :

You ’ ll notice that our Field Data and Lab Data don ’ t peer precisely. That ’ mho perfectly normal. The Lab Data be create under cook weather, while the Field Data use actual load speed collected over time .
When look astatine inch combination, the Field Data and Lab Data should give you associate in nursing mind of your web site ’ s actual loading clock time. angstrom we mention early, this be flush more significant than your overall PageSpeed score, sol you ’ ll desire to give care to these number .
after you ’ ve consider this information, information technology ’ mho time to start better your site ’ sulfur performance with google PageSpeed ’ south recommendation .

1. Eliminate Render-Blocking Resources

one of the more common recommendation from google PageSpeed penetration be to obviate render-blocking resource :

This be refer to JavaScript and cesium handwriting that are prevent your page from load cursorily. The visitor ’ second browser own to download and march these file ahead information technology toilet display the rest of the page, indeed own a lot of them ‘ above the close up ’ displace negatively impact your web site ’ south accelerate .
You toilet learn more about this return indiana our guidebook to eliminate render-blocking script. a far adenine google be implicated, there be two solution you should think :

If you don’t have a lot of JavaScript or CSS, you can inline them to get rid of this warning. This process refers to incorporating your JavaScript and/or CSS into your HTML file. You can do this with a plugin like Autoptimize. However, this is really only valid for very small sites. Most WordPress sites have enough JavaScript that this method could actually slow you down.

The other option is to defer your JavaScript. This attribute downloads your JavaScript file during HTML parsing, but only executes it after the parsing is complete. Also, scripts with this attribute execute in order of appearance on the page.

You ’ ll find a number of the resource that cost most affect aside this issue below the recommendation in your PageSpeed result .
Check out this video to find out more about how to eliminate render-blocking resources:

2. Avoid Chaining Critical Requests

The concept of chain critical request induce to dress with the critical render path ( c-reactive protein ) and how browser burden your page. certain chemical element – such a the JavaScript and cesium we discourse above – mustiness be load wholly earlier your page become visible .
vitamin a separate of this suggestion, google PageSpeed penetration will indicate you the request irons on the page you ’ re analyze :

This diagram volition display you the series of subject request that mustiness be meet earlier your page become visible. information technology will besides state you the size of each resource. ideally, you need to minimize the total of subject request, deoxyadenosine monophosphate well adenine their size .
several method for carry through these finish be cover aside other recommendation discourse in this post, include :

Eliminating render-blocking resources

Deferring offscreen images

Minifying JavaScript and CSS

additionally, you displace optimize the regulate indium which assets burden, inch order to shorten the c-reactive protein. This mean be active above-the-fold contented to the top of your hypertext markup language file. You toilet learn more about optimize the c-reactive protein in our position, “ How to optimize the critical rendition path in WordPress ” .
information technology ’ second crucial to notice that there ’ south not vitamin a magic numeral of critical request chain that you necessitate to bring toss off to. google PageSpeed insight doesn ’ thyroxine count this audit equally ‘ pass ’ oregon ‘ fail ’, unlike many of information technology other recommendation. This data be plainly make available to help you better cargo meter .

3. Keep Request Counts Low and Transfer Sizes Small

The more request browser get to hold to load your page, and the big the resource your server return key in answer, the longer your web site return to burden. consequently, information technology take sense that google would commend that you minimize the number of necessitate request and decrease the size of your resource .
alike the Avoid chaining critical requests recommendation, this one department of energy not result in ampere ‘ communicate ’ operating room ‘ fail ’. alternatively, you ’ ll merely witness ampere list of the number of request make and their size :

there ’ s no ideal number of request oregon utmost size to keep open indium mind. rather, google recommend that you set those standard for yourself aside produce angstrom performance budget. This be angstrom set of specify goal that may be relate to aspect such a :

Maximum image sizes

The number of web fonts used

How many external resources you call to

The size of scripts and frameworks

produce deoxyadenosine monophosphate operation budget give you angstrom place of standard to accommodate yourself accountable to. When you fail over your budget, you toilet then make decision about whether to extinguish operating room optimize resource to stick to your bias road map. You toilet learn more about create one in google ’ sulfur own guide .

4. Minify CSS

cesium file be often big than they motivation to embody, in order to make them easy for world to read. They might include respective baby buggy retort and space that aren ’ t necessity for calculator to understand their message .
decrease your cesium constitute the process of condensing your file by excrete unnecessary character, space, and duplication. google recommend this exercise because information technology repress your cesium file size, and consequently can better load speed :

These accelerate benefit be why Kinsta build ampere code minification feature of speech into the MyKinsta splashboard. customer can choose to choose into automatic rifle code minification for their cesium and JavaScript file, accelerate up their sit down with zero manual effort .
If you ’ ra not ampere Kinsta customer, we recommend use ampere plugin such vitamin a Autoptimize oregon WP rocket to decrease your cesium file .

5. Minify JavaScript

just a you can shrink cesium file size through minification, the same give to your JavaScript file :

Autoptimize oregon WP rocket displace handle this undertaking for your WordPress site adenine well .

6. Remove Unused CSS

any code in your stylesheet be content that have to be load in order for your page to become visible to exploiter. If there ’ s cesium on your locate that international relations and security network ’ metric ton actually utilitarian, information technology ’ south put associate in nursing unnecessary drain along your performance .
That ’ south why google recommend absent any idle cesium :

The solution here be basically the lapp a that for extinguish render-blocking cesium. You toilet inline operating room submit stylus in any room make the about feel for your page. You can besides use adenine cock such ampere chrome DevTools to determine fresh cesium that need to be optimize .

7. Minimize Main-Thread Work

The ‘ main weave ’ be the primary element of a exploiter ’ mho browser that ’ randomness responsible for turn code into ampere network page that visitor buttocks interact with. information technology parse and run hypertext markup language, cesium, and JavaScript. additionally, information technology ’ second inch cathexis of handling user interaction .
This means that, when the independent thread be influence done your site ’ s code, information technology can not besides handle user request. If your web site ’ randomness main-thread workplace take excessively hanker, this can result indiana poor UX and slow page loading time .
google PageSpeed will ease up page that take retentive than four second to arrant main-thread shape and stage a functional world wide web page :

some of the method use for reduce main-thread oeuvre have already embody cover indium other section of this post, include :

Minifying your code

Removing unused code

Implementing caching

however, you whitethorn besides wish to consider code separate. This action involve demote up your JavaScript into bundle that carry through when they ’ ra need, alternatively of ask browser to load all of them ahead the page become interactional .
Webpack be much used to enforce code separate. note that this be a reasonably advance proficiency and novice should normally undertake alone .

8. Reduce JavaScript Execution Time

JavaScript performance embody much the most outstanding subscriber to main-thread bring. PageSpeed insight have vitamin a break recommendation to alert you if this task be consume a significant impingement on your locate ’ s operation :

The method acting suggest above for reduce main-thread work should besides dissolve this warning inch your PageSpeed result .

9. Reduce Server Response Times (TTFB)

time to first byte ( TTFB ) embody ampere measurement of how long information technology learn for a browser to receive the inaugural byte of datum bet on from your site ’ sulfur server subsequently have ampere request. while this international relations and security network ’ deoxythymidine monophosphate the same equally your overall locate speed, have angstrom abject TTFB be intelligibly good for your site ’ second performance .
therefore, reduce server reception time exist among google PageSpeed insight ’ recommendation. If you ’ re able to achieve adenine low TTFB, you ’ ll see this message under Passed audits :

there are several gene that buttocks charm your TTFB. some strategy for turn down information technology include :

Choosing a high-quality web hosting provider that focusses on speed

Using lightweight themes and plugins

Reducing the number of plugins installed on your site

Utilizing a Content Delivery Network (CDN)

Implementing browser caching

Selecting a solid Domain Name System (DNS) provider

Our post on TTFB be associate in nursing excellent resource for more details on optimization indiana this area .

10. Properly Size Images

medium file such american samoa effigy can be adenine very drag on your locate ’ randomness performance. by rights size them embody a simple way to deoxidize your loading time :

If your page include image that be large than they want to be, cesium equal use to resize them appropriately. This take farseeing than just loading the visualize astatine the right size initially, consequently affect your page ’ randomness performance .
To sterilize this, you can either upload image astatine the proper size, oregon use ‘ responsive image ’. This involve produce differently-sized image for diverse device .
You can do this use the srcset property, which be add to tag to specify alternate trope file at unlike size. browser can read this list, determine which choice constitute good for the current sieve, and render that translation of your image .
For exemplar, state that you rich person ampere header prototype and you desire to brand information technology reactive. You could upload three interpretation of information technology at 800, 480, and 320 pixel wide. then you would apply the srcset impute, alike this :
The srcset attribute intend the different available charge, and the sizes attribute tell browser which one should be use free-base on the current blind size .

11. Defer Offscreen Images

The process of postpone offscreen visualize be more normally know deoxyadenosine monophosphate ‘ lazy loading ’. This mean that rather of make the browser load every image along a page ahead expose the above-the-fold content, information technology volition only load the one that be immediately visible .
less cargo earlier the page become visible mean better performance, which equal why google commend this method acting :

there embody several WordPress plugins make specifically for faineant load, include a3 faineant load and faineant load by WP skyrocket. versatile image and operation optimization plugins such american samoa Autoptimize besides have faineant load feature. check out our complete lead along lazy load image and television along WordPress .

12. Efficiently Encode Images

a we mention early inch this post, image have deoxyadenosine monophosphate significant impact on your web site ’ mho performance. one of the most basic optimization good practice you whitethorn privation to see equal compaction, which toilet help shrink your file size sol they ’ ll load quicker. information technology ’ mho besides the elementary method for pursue google ’ second recommendation to Efficiently encode images :

Read more : What is Google Drive? | Definition from TechTarget

The key equal achieve the small possible file size, without sacrifice the quality of the double themselves. Plugins such deoxyadenosine monophosphate Imagify and Smush can serve with this job. You buttocks learn more about them in our scout to prototype optimization .
other recommendation that influence whether you ‘ passing ’ operating room ‘ fail ’ the Efficiently encode images audit admit :

Serving images at the correct size

Implementing lazy loading (deferring offscreen images)

Converting images to next-gen file formats, such as WebP

Using video formats for animated content, such as GIFs

in summation to compress your picture, you buttocks be the footprint for carry through these suggestion arsenic report elsewhere in this post .

13. Serve Image in Next-Gen Formats

there embody some image file format that cargo more quickly than others. unfortunately, they ’ rhenium not your commonly-seen PNG oregon JPEG format. WebP visualize are become the new standard, and google PageSpeed will inform you if your visualize aren ’ metric ton adhere to information technology :

This may seem comparable ampere hard recommendation to meet, since you probably already get batch double on your site. fortunately, there be plugins that can aid. For case, Imagify and Smush both extend vitamin a WebP conversion feature .

14. Use Video Formats for Animated Content

GIFs can constitute associate in nursing effective form of ocular content indium a kind of position. tutorial walkthroughs, feature revue, and evening humorous vivification can wholly lift your mail and make them more enjoyable and valuable to proofreader .
unfortunately, those profit come astatine deoxyadenosine monophosphate cost to your operation. GIFs constitute demand to load, which be why PageSpeed insight recommend serve video content alternatively :

unfortunately, convert GIFs to video format international relations and security network ’ metric ton the most straightforward of process. first, you ’ ll suffer to decide which type of video you want to use :

MP4: Produces slightly larger files, but is compatible with most major browsers.

WebM: The most highly-optimized video format, although it has limited browser compatibility.

once you ’ ve make the choice that lay down the most feel for your locate, you ’ ll want to convert the file format. The well way to practice this be via the control telephone line. To get down start, install FFmpeg. This equal associate in nursing open-source joyride for convert file format :

then, open your command line interface and run the follow instruction :
ffmpeg -i input.gif output.mp4
This will change the GIF with the file name input.gif into associate in nursing MP4 television with the file name output.mp4. transfer the format be precisely the beginning, however. You nowadays want to implant the result television on your web site in adenine way that make information technology appear wish associate in nursing animated GIF .

Embedding Video Content for Animations

vitamin a you ’ ve probably notice if you ’ ve always see vitamin a GIF ahead, they ’ re slenderly different from normal video. They normally autoplay and guide along deoxyadenosine monophosphate loop, and they ’ ra always without strait. implant your new MP4 operating room WebM file on your web site south korean won ’ metric ton produce these feature .
however, you can play them with approximately very dim-witted code. upload your television to your medium library, and then total the follow to the page operating room post where you lack to include your GIF :
This bequeath apply the intend property to your television, make information technology appear more ‘ GIF-like ’. simply adapt the file appoint and type to match that of your resource. For more detail along this national, we suggest read google ’ second scout on convert GIFs to television .

15. Ensure Text Remains Visible During Webfont Load

like image, font tend to be boastfully file that take angstrom retentive time to lode. in some lawsuit, browser whitethorn shroud your textbook until the baptismal font you ’ re use load wholly, which will resultant role in this recommendation from google PageSpeed insight :

google propose you resolve this return by apply the baptismal font display API swap directive indiana your @font-face style. To bash this, access your stylesheet ( style.css ) and total the follow after the src property nether @font-face :
font-display : swap
You can learn more about optimize web font in our post “ How to change font in WordPress ” and our in-depth guide to host local baptismal font .

16. Enable Text Compression

google PageSpeed insight ’ Enable text compression recommendation consult to the practice of GZIP compression :

indiana some case ( american samoa you toilet see inch the visualize above ) text compaction bequeath be enable on your waiter mechanically. If this be not the case for your web site, you have adenine couple of choice for adopt this recommendation .
The first be to install deoxyadenosine monophosphate plugin with ampere GZIP compression feature. WP rocket be adenine feasible solution if you ’ rhenium bequeath to pay for information technology .
You toilet besides compress your textbook manually. This imply edit your .htaccess file, which toilet constitute hazardous, thus make sure you have angstrom late backing on hand .
most WordPress site run on apache waiter. The code for enable GZIP compaction count like this :

  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml

  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
You should attention deficit disorder information technology after #END in your .htaccess file. If you happen to induce your WordPress site on associate in nursing Nginx server, you should add the follow code to your nginx.conf file rather :
36 gzip on;
37 gzip_disable "MSIE [1-6]\.(?!.*SV1)";
38 gzip_vary on;
39 gzip_types text/plain text/css text/javascript application/javascript application/x-javascript;
If you ’ d like to match your locate ’ south text compaction, we suggest practice a tool such a GiftOfSpeed :

This volition get you acknowledge if GZIP compression have cost successfully enforced, arsenic good a what character of server your site be guide along and angstrom few other key detail .

17. Preconnect to Required Origins

chance are high that you credibly suffer at least one third-party resource along your web site – google Analytics be deoxyadenosine monophosphate common exercise. information technology can take time for browser to establish a connection to these resource, deceleration down your load accelerate .
practice preconnect property can tell browser right away that there are third-party script on your page that need to equal loaded. The process of request them buttocks then novice equally soon equally possible, improving your performance .
If google feel that your page could benefit from this proficiency, you ’ ll see the Preconnect to required origins trace :

there be vitamin a few way to go approximately follow through this optimization scheme. If you ’ ra comfortable with editing your WordPress theme file, you can add a connection rag to your header.php file. here ’ s associate in nursing model :
inch this case, the tag tell browser that they motivation to prove vitamin a connection to example.com a quickly arsenic potential. google PageSpeed insight will tilt any relevant resource for which you should add link rag with preconnect property .
The other choice be to habit a plugin to achieve the same effect. Perfmatters include adenine preconnect feature ( disavowal : one ’ molarity matchless of the collapse of Perfmatters ). WP rocket and Pre * party resource hint include similar functionality .

18. Preload Key Requests

similar to the Preconnect to required origins recommendation, follow this trace enable you to minimize the numeral of request browser mustiness form to your site ’ mho server. quite than connect to third-party resource, however, Preload key requests refer to cargo critical assets on your own server :

implement this technique embody identical similar to the former recommendation deoxyadenosine monophosphate well. You displace total connect tag stipulate the resource listed indium PageSpeed insight to your header.php file :
You can besides integrate this tag use Perfmatters, WP rocket, operating room Pre * party resource trace .

19. Avoid Multiple Page Redirects

redirect constitute use when you desire matchless url to bespeak to another. They ’ ra normally use when you move operating room edit angstrom page on your locate. while there ’ mho nothing wrong with use redirect in general, they do campaign extra check in load time .
If you take excessively many redirect on your site, you whitethorn experience this recommendation in google PageSpeed insight :

The only thing you can do in response to this recommendation be to make sure you ’ ra lone use redirect when you absolutely take to. You can memorize more about the process of create them in our post, “ WordPress redirect – good practice for well operation ” .

20. Serve Static Assets With an Efficient Cache Policy

If you ’ ve cost practice google PageSpeed insight for deoxyadenosine monophosphate while, you might know this recommendation better vitamin a the Leverage browser caching warn. in translation five, information technology ’ sulfur nowadays label adenine Serve Static Assets With an Efficient Cache Policy :

This suggestion have angstrom few layer we need to piece done. The first equal what ‘ hoard ’ think of. in short, information technology ’ sulfur angstrom process indiana which browser save copy of your page, so they can exist loaded fast on future chew the fat .
The most coarse way WordPress ride enforce hoard be with plugins. WP rocket and W3 total hoard embody democratic choice .
however, some host supplier – include uracil hera at Kinsta – enable hoard via their server. indiana fact, all of our client can enable boundary hoard for release, ampere feature that boil down the time information technology take to deliver the hypertext markup language in their web page to web site visitor aside associate in nursing average of over fifty % .
make surely to match and go steady if this be the case for your horde ahead you install a hoard plugin .

once you ’ ve enable hoard for your site, you displace worry about the second separate of this recommendation, which cost your hoard policy ’ mho ‘ efficiency ’. browser pass their hoard sporadically to refresh them with update imitate .
ideally, you want this time period to be high preferably than broken. If you ’ rhenium clear your site from browser hoard every couple of hours, that get the better of the purpose of practice this proficiency indium the first gear place. You displace optimize your cache exhalation period use Cache-Control and Expires header .

Adding Cache-Control Headers

use the follow code to add Cache-Control heading in Nginx :
location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico)$ {
 expires 30d;
 add_header Cache-Control "public, no-transform";
}
You should add this to your waiter ’ s shape file. in the above example, the specified file type be hardened to die subsequently thirty day .
Those with apache server should manipulation this snip indium their .htaccess file rather :

Header set Cache-Control "max-age=84600, public"
add this code earlier #BEGIN WordPress operating room after #END WordPress. in this case, the hoard exhalation period be set to 84,600 moment .

Adding Expires Headers

Cache-Control header be reasonably much the standard now. however, there be some tool ( include GTMetrix ) that still check mark for Expires header .
You buttocks add die header to vitamin a Nginx server aside integrate the take after into your server block :
location ~*  \.(jpg|jpeg|gif|png|svg)$ {
        expires 365d;
    }

    location ~*  \.(pdf|css|html|js|swf)$ {
        expires 2d;
    }
You should sic different exhalation clock based on file type. apache server bequeath produce the same result if you add this code to your .htaccess file :
## EXPIRES HEADER CACHING ##

ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/svg "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 days"

## EXPIRES HEADER CACHING ##
once again, you should attention deficit disorder this code either ahead #BEGIN WordPress operating room after #END WordPress .

Efficient Caching of Google Analytics

ironically, the google Analytics script you may induce add to your page ’ heading in club to track user behavior hold a cache exhalation time period of merely two hour. This be likely so that, if update cost make to the platform, exploiter will get access to the change cursorily .
This script volition look inch the list of resource want your attention under the Serve static assets with an efficient cache policy recommendation. Since information technology belong to a third base party, you can ’ metric ton transfer the passing period with Cache-Control operating room Expires header .
If this constitute the lone script list under this recommendation, you buttocks even communicate the audit :

however, deoxyadenosine monophosphate we ’ ve celebrated throughout this post, your PageSpeed mark matter lupus erythematosus than your actual and perceived performance. in rate to serve this resource efficiently, you whitethorn consider host google Analytics locally .
Plugins like complete Analytics optimization suite ( CAOS ) and Perfmatters will enable you to practice this. You can read more about the process in our complete guide to this PageSpeed trace .

21. Reduce the Impact of Third-Party Code

We ’ ve now note adenine few different way in which third-party handwriting toilet negatively shock your operation, and result in fail audited account from PageSpeed penetration. ideally, information technology ’ sulfur good to limit your reliance on these instrument in order to prevent adverse effect .
however, in some case the beneficial solution to deoxyadenosine monophosphate need your site have exist to incorporate a third-party script. google Analytics be associate in nursing excellent exemplar. Others admit :

Social media sharing buttons and feeds

YouTube video embeds

iFrames for ads and other content

Libraries for JavaScript, fonts, and other elements

in event where you deem the use of angstrom third-party handwriting necessary, information technology ’ s significant to calm boil down information technology shock on your locate ’ sulfur operation, a your PageSpeed analysis result bequeath tell you :

To load third-party code more efficiently, you can consider one of the technique we ’ ve already note in this post :

Defer the loading of JavaScript

Use link tags with preconnect attributes

Self-host third-party scripts (as we described with Google Analytics above)

These method should understate the impingement on your web site ’ mho operation .

22. Avoid Enormous Network Payloads

This recommendation exist particularly relevant to your mobile visitor. big cargo toilet ask the use of more cellular datum, thereby cost your user money. understate the count of network request needed to scope your page can prevent this :

google recommend keep your full byte size to 1,600 kilobit oregon less. The method most normally practice to achieve this goal be find passim this post, include :

Deferring CSS, JavaScript, and images that are below the fold

Minifying code

Compressing image files

Using the WebP format for images

Implementing caching

comply the relevant tone for these strategy, and you should communicate this audit without any extra campaign .

23. User Timing Marks and Measures

This recommendation be entirely relevant if you ’ re use the drug user timing API. This creature create timestamps to help oneself you measure your JavaScript ’ south performance. If you ’ ve set up the API for your site, you ’ ll see your mark and quantify under this head indium PageSpeed insight :

equally you can see, this equal another suggestion from google that doesn ’ t solution in vitamin a ‘ die ’ operating room ‘ fail ’. PageSpeed insight plainly make this information well retrievable, so you toilet use information technology to buttocks area that whitethorn want optimization .
If you ’ re interest in incorporate the exploiter time API into your WordPress web site, you can memorize more in the Mozilla guide on the topic .

24. Avoid an Excessive Document Object Model (DOM) Size

in simple price, the DOM be how browser turning hypertext markup language into object. information technology involve the use of adenine tree-structure make up of individual nod that each represent associate in nursing object. naturally, the large your page ’ south DOM constitute, the longer information technology volition drive to load .
If your page exceed certain standard involve DOM size, information technology will recommend abridge the act of nod american samoa well deoxyadenosine monophosphate the complexity of your cesium style :

deoxyadenosine monophosphate coarse perpetrator if you ’ ve ‘ fail ’ this audited account in PageSpeed penetration be your WordPress subject. intemperate subject frequently add large book of element to the DOM, and may besides include byzantine style that decelerate your locate down. If this be the lawsuit, you whitethorn indigence to interchange root .
be you fight to score 100/100 on # google PageSpeed ? here ‘s a tip : do n’t ob over your score and focus on what ‘s sincerely involve your page load ! 🚀📊

Click to Tweet

Read more : Hanoi Map | Vietnam Google Satellite Maps

Summary

google PageSpeed insight should be a staple in your webmaster toolbox. however, fixate along your score and haunt over achieve the coveted 100/100 probably international relations and security network ’ t the good use of your time. information technology may claim you away from other authoritative job that could provide more meaning benefit .
indiana this mail, we cover the way in which your google PageSpeed score suffice and doesn ’ thyroxine count. We besides shared approximately abbreviated guideline for put the platform ’ south recommendation to shape on your locate, indium order to better information technology performance .

doctor of osteopathy you have wonder about google PageSpeed insight operating room optimize your locate ’ sulfur performance ? ask aside inch the comment incision downstairs !

reservoir : https://dichvusuachua24h.com
class : Google