Optimization of loading speed of the website.

Optimization of loading speed of the website.

Optimization of loading speed of the website.

Optimization of loading speed of the website.

This article will be devoted to the topic of how to optimize the speed of loading the site. This is one of the most important factors that affects the satisfaction of your visitors from your site. In addition, Google also takes into account the speed of loading the site when calculating the rating in the search results.


Under the term good site is important to understand not only the level of its design and the demand for content, but above all the convenience of its use. This includes the quality of the navigation panels, the duration of the project load, and much more. The longer the loading of the site lasts, the more visitors will be lost and the worse will be the attitude to the author of such a project.


Check whether the graphics on your site are optimized? If not, it is vital to carry out this operation with the help of a special program. Take a close look at your site and think about it-not too much has been used graphic elements? If anything you can replace text analogue without too much loss — do not hesitate to replace!


Use only a few counters visits, so that the visitor is not much suffering, waiting for them to load. If you use animated pictures on the site, then think about whether their inclusion is justified? If some of them can be removed-be sure to do it!


Examine the HTML code of the document and try to destroy unnecessary tags. The effect is not as noticeable as I would like, but a good Web master will go to any length in order to reduce the loading time of your project. I do not advise you to use Flash animation on websites in large quantities — it slows down the loading of the site in an incredible way.


Consider whether a dynamic site should be neglected in order to reduce the length of time it takes to load. Never use frames. Don’t try to use Java applications on the pages of your project. Do not use pop-up Windows! Do not include too much text on the page. The larger the page, the longer it will take to load.


Tips to increase the speed of loading pages of the site.

Reduce the number of HTTP requests. 80% of the page load is focused on load page components: scripts, images, CSS files, flash. Specification HTTP/1.1 advises that the browsers were loaded in parallel not more than 2 components of a web page from a single host. By reducing the number of these components, we reduce the number of HTTP requests to the server and as a result increase the speed of loading the page.


Put CSS files at the top of the page. By placing a connection to css files in the page header, we get a gradual rendering of the page, i.e. the page will load gradually — first the title, then the logo at the top, navigation, etc. – and this in turn serves as an excellent indicator of the page load for the user and improves the overall impression of the site.


Place javascript at the end of the page. By placing javascript files down the page, we allow the browser to load the page with the content first, and only then start loading javascript files. If your site keeps up with the times and contains all possible interactive “gadgets”, then these javascript files can be several and they can weigh several hundred kilobytes, so before loading the page, make the user wait until all your javascipt files are downloaded ruinously.


Minimize css and javascript. Minimizing a file means removing all non-essential characters from the code in order to reduce the size of the file and speed up its loading. In a minimized file, removes all comments and redundant white spaces, line breaks, tab characters. It’s simple. The smaller the file size, the less time it takes for the browser to load it.


Use subdomains for parallel download. As I have already said, according to the HTTP/1.1 specification, browsers are subject to restrictions on the number of simultaneously loaded site components, namely, no more than 2 components from one host. Therefore, if your site has a lot of graphics, it is better to make it on a separate subdomain or subdomains. For you it will be the same server, and for the browser – different. The more subdomains you create, the more files your browser will be able to load at the same time and the faster the entire page will load.


Use the browser cache. Caching becomes extremely important for modern web sites that incorporate extensive use of JavaScript and CSS. The fact that when a visitor came to Your site for the first time, the browser will load all javascript and css-files, also load all the graphics and flash, but correctly setting the HTTP-header Expires, you make the components of the page cached. Thus, when a visitor enters Your site again or goes to the next page of your site, the cache of his browser will already contain some necessary files and the browser does not need to download them again.


Optimize your images. You must define the appropriate format for your images. If you select the wrong image format, can significantly increase the file size. GIF is ideal for images with few colors such as a logo. JPEG-great for detailed images with lots of colors such as photos. PNG is your choice when you need a high quality image with transparency.


Do not scale the image. Do not resize the image by using the width and height attributes of the tag , or by using CSS. This also negatively affects the page load speed. If you have an image size of 500x500px, and you want to insert an image with the size of 100x100px, it is better to change the size of the original image with the help of Photoshop graphical editor, or any other. The smaller the weight of the image, the less time it takes to download.


It’s certainly not all the factors affecting the speed of loading pages, but the basic provisions were precisley. Be able to analyze your projects from a simple visitor. Take your time to release the newly-made site on the network, if you are not sure of its good download speed. It is better to spend an extra day and do a really good optimized project.

Spread the love

Leave a Reply

Your email address will not be published. Required fields are marked *