Factors that reduce the speed of the page in our article, we have gathered the factors under 4 main headings. What are the factors affecting our page speed and how can we optimize them? These factors;
Make sure the image files are optimized
Perform compression and resize operations before uploading images to your site. In this way, you can make the images load faster by reducing file sizes.
Load images in the appropriate format. You can choose .svg format for geometric shapes, .jpg format for photos and screenshots, and .png format for high quality images and transparent elements.
Minimize the number of images. You can reduce the size of the data transfer by using CSS or removing unnecessary images. Ensure that the images are responsive. Thus, each device and size will be displayed properly.
Ensure that the source files are optimized
Place the HTML in HTML code just before the closing part of the body part, rather than the top. This will load the page contents before the source files are triggered. You can also use the async attribute to load files instead of loading them at first boot.
Accelerate data transfer
Take advantage of browsers caching feature. With this feature, the image and source files will be pulled from the cache to provide faster page loading for the users who come back to your site for the specified period of time.
Deliver files by HTTP compression. With the compression process you can do in Gzip format, you can save on the size of the data and get faster data transfer.
Have your page resources loaded from different servers using the server system called Content Delivery Network. Thanks to this system, there is no loss of speed due to the physical distance between the user and the server.
Reduce HTTP requests
Avoid unnecessary referrals and redirection chains. In this way, you can avoid creating unnecessary HTTP requests.
Remove pages that return 404 code from in-site links. If you have source files with status code 404, try to fix them, if they are not available, remove them from source code to avoid increasing the number of HTTP requests.
Repeating icons, logos and so on. use static image files with the CSS Sprite method. With this method, you can prevent different HTTP requests from being sent to each image.