It is really important to use JavaScript to preload and insert scripts after loading. The
Third party scripts running on pages that minimize the use of third-party scripts and shorten JavaScript runtime can degrade page performance, which is usually beyond the control of web developers. Limit scripts to the absolute minimum required. Common script examples on Web pages include platforms for social sharing buttons, embedded videos, analytics tags, and a\/b testing. These tools and services can only be retained on the site if the performance value exceeds the cost. Minimize third-party scripts and use attributes such as asynchrony, latency, pre connection, and DNS prefetch to minimize the impact on page load time. The
Google pagespeed insights, which provides images in a new generation format, recommends using a new generation file format to improve lighthouse scores. These next-generation formats, including webp, JPEG XR, and JPEG 2000, provide higher compression and smaller file sizes with the same image quality. The problem is that browser and application support for these new formats is still limited. There are two meanings here. You will find it difficult to create these formats in tools used by graphic designers such as Adobe InDesign or Photoshop. Users with older browsers cannot view next-generation image formats, so alternative images must be provided using existing formats such as JPG or PNG. It is not easy to provide a new generation of image formats, but for visually rich web content, it can help to exceed the limits of page performance. Here you can find a way to convert all CMS images to the next generation format. Conclusion of providing images in next generation format this article introduces Google lighthouse, which is a benchmark for measuring web page performance and improving user experience. In addition, lighthouse is a ranking element of Google search algorithm, so improving lighthouse score will also affect search ranking and traffic. We discussed three main ways to improve lighthouse scores on Web pages. Delay loading visual assets to speed up initial content loading. Delays can have a considerable impact on performance, making scripts unable to block the main thread and minimizing the use of third-party libraries and plug-ins beyond the control of web developers. In addition, if you want to use WordPress as a CMS, it is recommended to use the fast WordPress Theme and the best WordPress hosting provider to make your work easier. Hopefully, this will help to better understand lighthouse metrics and make the site compliant with the next generation web performance guide.