“Patience is a virtue” – an adage that hardly holds when we consider online activities. The page load time of your website is very important. Why?
It decides whether a visitor to your site will explore further, or shall part ways on the first click.
Some statistical facts:
- A 1-second load time delay leads to 11% fewer page views, 16% decrease in customer satisfaction and 7% loss in conversions.
- 44% of customers develop a negative image of the company, if its website load time is poor.
- According to Amazon, there is a 1% increase in revenue for every 100 milliseconds improvement.
Also, studies say, 47% visitors expect the load time to be 2 seconds or less, and if it takes longer than 3 seconds, 57% of your prospects will abandon the site and go elsewhere to serve their needs.
The speed also determines the Google search ranking of your website. Below are provided certain ways that shall help in decreasing the load time of your website.
Ways to decrease load time of your Website
1. Optimize Images : Images should be scaled appropriately, before uploading. We need to understand this: if we have a 1000 X 1000 pixels image, which we have scaled down to 100 X 100 pixels with the help of CSS, the browser still loads the actual size, that is, in this case, 10 times more than necessary.
To avoid this, crop or scale your images before uploading them to your site using various image editing tools. Some of these image optimization tools are :
- Online Image Optimizer
- JPEG &PNG Stripper
Talking of image format, JPEG is the best option. PNG is good too, though not supported by many older browsers.
- For HTML, we can use the PageSpeed Insights Chrome Extension to generate optimized version of your HTML code.
- For CSS, use the YUI Compressor and cssmin.js
3. Enable Compression : Large pages can be compressed by zipping them. Compression reduces the bandwidth of your pages, subsequently reducing HTTP response.
Gzip is one tool often used to achieve this.Since 90% of today’s Internet traffic uses Gzip, it is worth an option. After Gzip Compression, set up your server to enable compression.
- Apache: Use mod_deflate
- Nginx: Use HttpGzipModule
- IIS: Configure HTTP Compression
4. Browser Caching : Temporary storage of data on the visitor’s hard drive will do away with the waiting time visitors undergo every time they visit your site. This can be done using browser caching. However, the duration for which this data is stored depends on your server-side cache configuration. To enable browser caching, you need to edit your HTTP headers to set up expiry times for certain types of files.
This example shows how to configure Apache to serve appropriate headers:
- Find your .htaccess file in the root of your domain. The file is hidden , but FTP clients like FileZilla would help it show up.
- Use notepad or any other basic editor to add following to the .htaccess file.
- Different expiry times could be set depending on your website’s files. Frequently updated files would require an earlier expiry time.
- When you are done, save the file as it is.
More ways shall be explored in the below next set.
Ways To Reduce The Loading Time Of Your Website | Set 2
This article is contributed by Nihar Ranjan Sarkar. If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to firstname.lastname@example.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please write comments if you find anything incorrect, or you want to share more information about the topic discussed above.
- Ways To Reduce The Loading Time Of Your Website | Set 2
- How to show Page Loading div until the page has finished loading?
- 8 Ways to Shipwreck Your Next Website Design
- Ways to track a Website
- What is Lazy Loading?
- How to load jQuery code after loading the page?
- Loading Text Animation Effect using CSS
- How to Create Skeleton Screen Loading Effect using CSS ?
- How to Create Loading Blur Text Animation Effect using HTML and CSS ?
- How to Create Animation Loading Bar using CSS ?
- How to Create a Dot loading Animation using HTML and CSS?
- Making your WordPress Website More Secure
- Create a Website Alarm Using Python
- How cookies are used in a website?
- How to use SQLMAP to test a website for SQL Injection vulnerability
- Making a QR code for a website
- How To Add Google Maps With A Marker to a Website
- How to create a responsive Modal Sign-Up form for a Website?
- Website Blocker Using Python
- What is the Difference between Website and Web Portal
Improved By : Akanksha_Rai