Tips to improve website page load speed
- 2021年5月28日
- 技術情報
You also know slow-loading website will impact user experience. Pages that load fast have better user retention and lower bounce rates, and win user’s trust faster.
3 Tools to Measure Page Speed
Google Search Console
Although it technically doesn’t measure site speed, but you can use the new core web vitals report to find loading issues you need to take care of.
PageSpeed Insights
Developed by Google, PageSpeed Insights is a site speed tester capable of identifying underlying load speed issues. It’s as simple as entering the URL you want to inspect, and the tool will crawl your site and create a full report.
GTmetrix
If you want more advanced features or if you want to test your page speed on specific locations, GTmetrix is a helpful tool.
2 Tips to Improve Your Website’s Page Load Speed
1.Optimize your image
Image file size
You should aim for the smallest file size possible. A good mark for big images is 150kb to 500kb per image.
File format
It’s not uncommon to use PNG images when creating content. They are easier to handle, after all. Without getting into a whole debate on image extensions, we recommend using JPGs. These have become the standard format for images on the web. They do not lose quality, and their file size is small.
Image dimensions
Make sure to upload a decent image that doesn’t lose quality while scaling. I.e., 800 x 1200 images are the most common on articles.
2.Use lazy loading
We want to make the browser render the top of the page first (above the fold content) before loading the rest of the page.
The great thing about it is that we can implement it natively using the loading attribute in our images and iframes.
<img src=”myimage.jpg” loading=”lazy” alt=”…” />
<iframe src=”content.html” loading=”lazy”></iframe>
These attributes will tell the browser only to download the elements once the user has scrolled to the element and it is now visible on the viewport.
I hope you have found this useful.
By Ami
asahi at 2021年05月28日 10:00:47