|
|
This is not a problem when created by an individual, but it is not recommended to use this method to increase display speed as it may cause confusion when updating a large site with multiple people. Therefore, be sure to decide whether to respond or not based on how you plan to update your site in the future. Now, I would like to reflect the above file on the site and check the display speed score. We will not compress the image as we tried in the previous section, but will only "reduce the css". Test results after CSS compression The response to "reducing css" resulted in the above results (64 points before the measure → 64 points after the measure). As you can see, there is no change in the scores. This time we measured on a small site, but it may be effective for large sites that use a lot of CSS. However, as mentioned above, it is better to decide whether to respond based on the update status of the site.
However, this requires some knowledge of the server side, so if you wish to Oman Phone Number Data be sure to research the method that best suits your site. Now, I would like to reflect the above file on the site and check the display speed score. This time as well, we will not use the two improvement methods explained so far, but will only implement utilizing browser cache.'' Test results after utilizing browser cache This time, the score increased by 5 points from 64 points to 69 points for "Use browser cache". It's a small increase, but these small changes will go a long way toward improving display speed, so let's try everything we can. Reflect all responses The following three points were taken this time. Optimize images Minify css Utilize browser cache Reflecting all of these responses, you will get the following score.
Test results reflecting all responses The display speed score was 64 points before the update and 88 points after the update, an increase of 24 points. As mentioned at the beginning, it is generally said that a score of 85 or higher will give you a high rating from Google and will give you a high UX. With three speed improvement measures, I was able to increase my score beyond the passing score. Avoid using web fonts as much as possible When using web fonts, it often takes a long time to display. Therefore, try to avoid using web fonts as much as possible. In addition, even when using it, you can set the loading order of files by using the attribute "rel=preload", which is useful for improving the display speed of the site. summary In this response, we are increasing our score by responding to three suggestions from Google PageSpeed Insights . However, depending on the site, your score may not increase even if you take the same measures.
|
|
發表於 18:23:08