Optimize images Reduce the weight of source

sharminakter

This is not data from an actual user environment, so please use it as a reference only. Site speed is displayed as a score from 0 to 100. Scores are classified into the following three types, so check whether they are good or not. Good 90～100 need improvement 50～89 slow speed 0 In addition, you can check the following five metrics from "Open View". First Contentful Paint (FCP) The amount of time it takes for the text or image to be painted (displayed) for the first time . Speed ​​Index How quickly the page's content is populated and displayed. Largest Contentful Paint (LCP) The amount of time it took for the largest text or image to be drawn . Total Blocking Time The total time (in milliseconds) from when the content is first displayed until it becomes actionable, if the task processing time is greater than 50 milliseconds.


Cumulative Layout Shift (CLS) A metric that measures how much a visual element is moving within the viewport . Note Scores are estimates and may vary from measurement to measurement. It is necessary to take measures such as measuring multiple times and taking the average value. In addition to Core Web Vitals, your score also includes data from Other Web Vitals . How to improve site speed Finally, we will explain how to improve your site speed. How to improve site speed Find Your Mobile Number List code such as CSS, HTML, JavaScript, etc. Take advantage of cache Reduce server response time Note Depending on the method used to improve site speed, the display of the homepage may be affected due to the occurrence of bugs. Please make a backup in advance, and if you find it difficult to handle it yourself, please contact a technician such as a web production company.





Optimize images Optimizing your images to reduce file size can increase your site speed . For example, think about pouring juice into a glass. The smaller the volume of juice, the faster it will finish pouring. The same goes for web pages: the smaller the file size, the faster it can be displayed. Another thing to know when optimizing images is the image format (type). Generally recognized image formats include "JPEG", "PNG", and "GIF". *Each item is explained in detail in the following articles. Related article [For beginners] Homepage image manual! How to make it, how to put it in, etc. However, Google recommends WebP, a new generation image format developed in-house . WebP's feature is that it can compress file size while maintaining image quality. It also supports background transparency and animation.