jayakumari
New member
Hello friends,
I want to know that How to optimize page load time?
I want to know that How to optimize page load time?
How to optimize page load time?
- Thread starter jayakumari
- Start date
1. Optimize Image Size and Format
The images on your site can take up a lot of bandwidth, which affects the loading time of your page. It is not enough to downsize your website’s images in HTML because that only changes the appearance of the image and not its actual size. Use external picture editor tools to resize the images, such as Photoshop and set them to 72dpi.
Additionally, use image optimization tools which further compress the image to reduce its size:
JPEG & PNG Stripper
Smush.it
Online Image Optimizer
SuperGIF
For optimized loading time of your page it is ideal to stick to standard image formats such as JPG, PNG and GIF.
2. Optimize Dependencies
Plugins
A site that requires plugins may slow your page loading speed. Not all plugins are unnecessary; for example, social share plugins which are a must-have for every site these days. That said, always check to see if there is a better alternative to the plugin, such as using a CMS with built-in social plugins.
Tracking Scripts
While it is wise to keep tabs on your website’s traffic stats, it is not advisable to use multiple tracking softwares as this may hinder the page load time. If you are using a CMS such as WordPress, you should allow either WP stats to run scripts on your page or Google Analytics, but not both.
CMS Software
If you are using a CMS such as WordPress it is recommended to check frequently for updates in the software but do not load these on a live website. First carry out upgrades on a separate server to test them. Keeping abreast of software updates also improves a site’s speed.
3. Avoid Inline JS and CSS files
It is a good practice to place your website’s JS and CSS in external files. When the page loads the browser caches these files externally and reduces the page load time on subsequent requests. Moreover, having the JS and CSS files externally allows for easier site maintenance.
4. Optimize Caching
Every time a visitor loads a site, your web page’s image files, CSS and Java files load as well, taking up a lot of page load time. When caching is set up correctly, your browser can store these resources or files for subsequent requests. On repeated page loads these files can be retrieved from the cache rather than downloading them all over again from the network. This also reduces bandwidth and hosting costs.
5. Avoid render blocking scripts
Place javascript files at the end of the body or use the 'async' attribute to load them asynchronously.
6. Avoid Redirects
Avoiding redirects increases serving speed. Some redirects are unavoidable and need to be in place but you must remember that this requires an additional HTTP which increases the page load time. Check for broken links and fix them immediately.
7. Set up G-Zip Encoding
Similar to files on your PC that are zipped and compressed to reduce the total size during online file transfers, heavy files on your website can be zipped with something called the G-Zip Compression. This saves bandwidth and download time and reduces your page loading speed. You should configure the server so that it returns zipped content.
8. Reduce HTTP Requests
Use CSS Sprites to reduce the number of image requests. Combine background images into a single image by using CSS background-image and background-position elements. Combine inline images into your cached stylesheets. Likewise, combine all your javascript files into a single file and all your CSS files as well.
9. Minification of JavaScript and CSS
Minification is the process of compressing the code by renaming variables to shorter names which helps to reduce its size and the subsequent loading time. We recommend using uglify.js for this.
10. Reduce Cookie Size
Cookies are used to store data that needs to persist between requests. This data is sent on every request and adds to the load time when it’s big. Hence, by reducing the size of the cookies you reduce the size of the data that is transferred and decrease the page load time. Eliminate unnecessary cookies or reduce the size of the cookies.
The images on your site can take up a lot of bandwidth, which affects the loading time of your page. It is not enough to downsize your website’s images in HTML because that only changes the appearance of the image and not its actual size. Use external picture editor tools to resize the images, such as Photoshop and set them to 72dpi.
Additionally, use image optimization tools which further compress the image to reduce its size:
JPEG & PNG Stripper
Smush.it
Online Image Optimizer
SuperGIF
For optimized loading time of your page it is ideal to stick to standard image formats such as JPG, PNG and GIF.
2. Optimize Dependencies
Plugins
A site that requires plugins may slow your page loading speed. Not all plugins are unnecessary; for example, social share plugins which are a must-have for every site these days. That said, always check to see if there is a better alternative to the plugin, such as using a CMS with built-in social plugins.
Tracking Scripts
While it is wise to keep tabs on your website’s traffic stats, it is not advisable to use multiple tracking softwares as this may hinder the page load time. If you are using a CMS such as WordPress, you should allow either WP stats to run scripts on your page or Google Analytics, but not both.
CMS Software
If you are using a CMS such as WordPress it is recommended to check frequently for updates in the software but do not load these on a live website. First carry out upgrades on a separate server to test them. Keeping abreast of software updates also improves a site’s speed.
3. Avoid Inline JS and CSS files
It is a good practice to place your website’s JS and CSS in external files. When the page loads the browser caches these files externally and reduces the page load time on subsequent requests. Moreover, having the JS and CSS files externally allows for easier site maintenance.
4. Optimize Caching
Every time a visitor loads a site, your web page’s image files, CSS and Java files load as well, taking up a lot of page load time. When caching is set up correctly, your browser can store these resources or files for subsequent requests. On repeated page loads these files can be retrieved from the cache rather than downloading them all over again from the network. This also reduces bandwidth and hosting costs.
5. Avoid render blocking scripts
Place javascript files at the end of the body or use the 'async' attribute to load them asynchronously.
6. Avoid Redirects
Avoiding redirects increases serving speed. Some redirects are unavoidable and need to be in place but you must remember that this requires an additional HTTP which increases the page load time. Check for broken links and fix them immediately.
7. Set up G-Zip Encoding
Similar to files on your PC that are zipped and compressed to reduce the total size during online file transfers, heavy files on your website can be zipped with something called the G-Zip Compression. This saves bandwidth and download time and reduces your page loading speed. You should configure the server so that it returns zipped content.
8. Reduce HTTP Requests
Use CSS Sprites to reduce the number of image requests. Combine background images into a single image by using CSS background-image and background-position elements. Combine inline images into your cached stylesheets. Likewise, combine all your javascript files into a single file and all your CSS files as well.
9. Minification of JavaScript and CSS
Minification is the process of compressing the code by renaming variables to shorter names which helps to reduce its size and the subsequent loading time. We recommend using uglify.js for this.
10. Reduce Cookie Size
Cookies are used to store data that needs to persist between requests. This data is sent on every request and adds to the load time when it’s big. Hence, by reducing the size of the cookies you reduce the size of the data that is transferred and decrease the page load time. Eliminate unnecessary cookies or reduce the size of the cookies.
smitharetha
New member
thank for your sharing
alopicatso
New member
it is very useful, thank for sharing!
Yes, very useful and right information. thank you for sharing this...
Tausif4ever
New member
page load time of your website is the major factor of seo
zozoreview
New member
If you use WordPress you can use WP Super Cache.
jagdish_Technocast
New member
if you want to achieve a 2 Second Page Load with a Magneto follow some below factor to get it
first byte time
keep alive embedded
compress transfer
compress images
catch static content
CDN detect and resolve
first byte time
keep alive embedded
compress transfer
compress images
catch static content
CDN detect and resolve
albertocosta
New member
Use these are steps for optimize page load time :-
1. Decrease server response time
2. Reduce HTTP Requests
3. Enable compression
4. Enable browser caching
5. Minify Resources
6. Optimize images
1. Decrease server response time
2. Reduce HTTP Requests
3. Enable compression
4. Enable browser caching
5. Minify Resources
6. Optimize images
rahul54354
New member
1. Decrease server response time
2. Reduce HTTP Requests
3. Enable compression
4. Enable browser caching
5. Minify Resources
6. Optimize images
2. Reduce HTTP Requests
3. Enable compression
4. Enable browser caching
5. Minify Resources
6. Optimize images
SHASHANT MISHRA
New member
THESE ARE THE BEST WAY TO OPTIMAIZE PAGE LOAD TIME
compress images
catch static content
CDN detect and resolve
compress images
catch static content
CDN detect and resolve
sadianisar
New member
If your website is developed in WordPress then use a plugin named WP Super Cache. Fast Page Loading speed is important in SEO.
bradvictor1
New member
Thanks for this post sharing between us. There are many different points I have caught via this post for optimization of website speed. Still duration of reloading time is matter for SEO its great.