Monday, 26 August 2013

Technical Aspects of Page Load Time

How to reduce page load time below are the technical parameters have a look .

1. Optimization of Picture Size:
The pictures on your web page take up a lot of your web page dimension and can eventually affect the running duration of your web page. It is not enough to downsize your site's pictures in the HTML manager because that only changes the appearance of the picture in the front-end and not its actual dimension. Use exterior picture manager sources to re-size the pictures, such as Photoshop.
Here are some on the internet sources to optimize your website's images:
JPEG & PNG Stripper
Smush.it
Online Picture Optimizer
SuperGIF

2. Picture Data file Format:
For enhanced running duration of your web page it is perfect to stick to conventional image types such as JPG, PNG and GIF.

3. Prevent Written text Graphics:
Some sites may need stylized text to make the web page look attractive. However, you must keep in mind that text in the form of a picture can take up a lot of the web page dimension and is of no use for SEO. It is thus perfect to use the writing styles in CSS and keep everything in text structure instead.

4. Prevent Needless Plugins:
A web page that needs plug-ins may slowly your web page running rate. Not all plug-ins are unnecessary, for example, public share plug-ins which are a must-have for every web page these days. That said, always examine to see if there is a better alternative to the plug-in, for example, using a CMS with in-built public plug-ins.

5. Prevent Inline JS and CSS files:
It is a sensible exercise to position your site's JS and CSS in exterior information files. When the web page plenty the internet browser caches these information files on the outside and decreases the web page fill time. Moreover, having the JS and CSS information files on the outside allows for easy web page maintenance.

6. Improve Caching:
Every time a guest plenty a web page, your web page’s image information files, CSS and Coffee information files fill as well, thus taking up a lot of web page fill time. When you use the HTTP caching program on your web page it allows these file sources to be cached or stored by the internet browser or proxies. On recurring web page plenty these information files can be recovered from the cached information files rather than installing them all over again from the network. Moreover, by improving the caching program of your web page you also usually decrease the data transfer useage and hosting costs on your web page.

7. Place JavaScript at the end of the Document:
Ensure that your JS file is placed at the end of records as JS file fill may restrict the running of the following information files.

8. Prevent Redirects:
Avoiding blows enhances providing rate. Some blows are inevitable and need to be in position but you must keep in mind that this needs an additional HTTP which enhances the web page fill time. Check out broken links and fix them immediately.

9. Reduce DNS Lookups:
DNS (Domain Name System) Search occurs when a URL (hostname) is entered in a internet browser and a DNS resolver profits that server’s IP address. Enough time required for this procedure is around 20 – 120 milliseconds, however, several hostnames can be used for various elements on a web page, which includes the URL, pictures, program information files, design linens and display elements. With several exclusive hostnames the DNS lookup also enhances thus increasing the web page fill time. Decreasing the variety of exclusive hostnames will decrease the variety of similar installing, which may improve the web page running time.  It is thus perfect to use one variety when you have less than six sources. You can also use URL routes instead of hostnames. This means that if you have a web page that is organised on weblog.yoursite.com, you can instead variety it on www.yoursite.com/blog.

10. Eliminate Needless CSS and HTML:
Lighten the rule of your web page by eliminating any HTML or CSS that is not required. If your web page is designed on a CMS, chances are you have pre-installed CSS category and id ‘stubs’ that help design the theme. Eliminate rarely used category and ID conditions or merge several conditions into one.

11. Prevent Multiple Monitoring Scripts:
While it is wise to keep an eye on your site's traffic statistics, it is not advisable to use several tracking software programs as this may restrict the web page fill time. If you are using a CMS such as WordPress, you could allow WP statistics to run programs on your web page or Search engines Statistics, but never both. E-commerce shopping trolley solution application CMS usually have their own standard tracking program which cannot be removed when you use Search engines Statistics instead.

12. Set up G-Zip Encoding:
Similar to information files on your PC that are zipped and compacted to decrease the total dimension during on the internet file exchanges, heavy information files on your web page can be zipped with something called the G-Zip Pressure. This helps you to save data transfer useage and download efforts and most of all decreases your web page running rate. You should set up the server so that it profits zipped material.

13. Reduce HTTP Requests:
Use CSS Sprites to decrease the variety of image demands. Combine qualifications pictures into a single image by using CSS background-image and background-position elements. Combine inline pictures into your cached stylesheets. HTTP demands are increased when there are copy programs in the rule so make sure that you identify consider these copy programs. To keep replication under management use Script tag on your HTML web page, as proven in the example below:
<script type=”text/javascript” src=”menu_1.0.17.js”></script>
You may use an insertScript function in your PHP web page, as proven in this example:
<?php insertScript(“menu.js”) ?>

14. Use Expires/Cache-Control Header:
You can use Ends headers for fixed elements of the web page and Cache-Control headers for powerful ones. Using these headers makes the various elements of a web page, including pictures, stylesheets, programs and display, cacheable. This in turn reduces HTTP demands and thus enhances the web page fill time. With the use of Ends headers you can actually management the period of time that elements of a web page can be cached, as proven in the example below:
Expires: Wed, 20 Apr 2015 20:00:00 GMT
If your server is Apache you can set the here we are at cached material by using the ExpiresDefault instruction. This sets the expiry time frame as a certain period of time from the current date:
ExpiresDefault “access plus 15 years”

15. Place Style Covers at the top of Documents:
It is conventional exercise to position design linens at the top of a papers. The web page elements that are delivered from the server open gradually in your internet browser as started by these design elements. From the routing bar and company logo to the websites material, the visual development of a running web page gives rich consumer experience, even if a customer has a slowly internet access. Style linens also improve the web page fill time.

16. Minification of JavaScript and CSS:
Minification is the procedure of eliminating rarely used figures from the rule which reduces its dimension and the following running time.
The following are two such minification sources available online:
JSMin
YUI Compressor

17. Use GET Requests instead of POST:
It is found that using the html ‘METHOD’ feature GET processes information much faster than POST when inquiring information on a internet browser. Although both HTTP methods achieve the same result, POST delivers the headlines first and then delivers the information while GET takes only one TCP bundle to send information. Also, GET is suggested for AJAX demands as it can be cached and remains in the internet browser history.

18. Prevent unnecessary DOM elements:
Crowded markups, for example, one with a lot of <div> elements, can significantly slowly the Document Item Model (DOM) accessibility in JavaScript. Instead of using stacked tables for structure, you can use plants.css, print styles.css and totally reset.css. You can analyze the variety of DOM elements by writing the following in Firebug’s console:
document.getElementsByTagName(‘*’).length
You might also want to reduce DOM accessibility by caching sources to utilized elements, upgrading nodes off-line and preventing the use of JavaScript to fix templates.

19. Reduce Biscuit Size:
The information stored in biscuits is interchanged between web servers and internet explorer. Hence, by lessening the dimension the biscuits you decrease the dimension the information that is moved and improve the web page fill time. Eliminate unnecessary biscuits and set your Ends time frame to a earlier period of time, or provide no Ends time frame at all to decrease the dimension the biscuits.

20. Upgrade CMS Software
If you are using a CMS such as WordPress it is suggested to examine frequently for up-dates in the application but do not fill these on a live web page. First carry out improvements on a separate server to analyze them. Keeping up to date with application up-dates also enhances a website's rate.
You can analyze your site's web page fill efforts and web page dimension with the WooRank Website Review tool. A example analyze is proven in the screen shot below: