How to enhance the speed of your website
A site must be simple in navigation and structure, pleasant, functional, have a good Page Rank, but above all, it should be fast. A quick web site is the key for the user experience to increase and this will take you back and happy visitors to your website. By following these simple tricks we can optimize your website for speed, with almost no cost at all.
Optimize the images in your website It is known that the load time a website has a direct impact on the user's response to a web site, viewers to You hate to wait a long time do not load completely on the site. Images play an important role for loading a web page so it is very important to take an optimal size of the image to the web page load faster. Photoshop and similar image-editing software includes a feature called the store "for the Web. Always use this function because it reduces the image size and loading time significantly.
image formats In order to optimize the images it is very important to choose the correct format. , There are different formats of the nature and size of the image that effectively by the following rules: JPEG: is used for Joint Photographic Experts Group, is based. This format has been created for photographs and fine art work. You should do if you are displaying JPEG images a photo or a true-color image. Use a 50% compression ratio for optimum results with these images. GIF: stands for Graphics Interchange Format. The GIF format is the best value for Internet, mainly because of its small size. GIF is also used for animated images. JPEG images support millions of colors, while those GIF integrate a maximum of 256 colors. You should use this format for flat-color images like logos, buttons or text images.
PNG: stands for Portable Network Graphics. This format has been specifically designed to replace GIF images over the Internet. The biggest advantage of PNG images over GIF those is that they support 24-bit color and alpha transparency. That is not all browsers recognize some of its functions. You should see the PNG format for simple images that are more than 256 colors. Use the height and width tags If you use images or tables on your pages, you should always include the height and width tags. When the browser sees these tags will not need to load the size of the image figure, then the image and then load the rest of the page. Here is a sample code using these tags is: If the height and width of the browser tags that are automatically know the size of the image. As a result, it will be able to reserve a space for the image and download the rest of the page to keep the same time. Apart from improving the page load time, this method is also more user-friendly, as the visitor can start reading the text or other information while the image is loaded.
not scale images in HTML Do not use an image larger than you need, just because you set the width and height set in HTML. If you
you have to your image (jpg banner .) should be instead of a scaled image 100x100px 500x500px.
Reduce cookie size HTTP cookies for a variety of reasons, such as using authentication and personalization. Information about cookies in the HTTP headers between web servers and browsers are exchanged. It is important Do you minimize the size of cookies as much as possible on the effects on the user's response. Eliminate unnecessary cookies Put on the thinking of cookies at the appropriate domain level so that no other sub-domains set an Expires date are involved appropriately. An earlier Expires date or none removes the cookie sooner, improving the user-friendly response.
Flush the buffer early When users request a page, it can take anywhere 200-500 ms for the back-end server you sew together the HTML page. During this time the browser is idle as it waits for data to arrive. PHP has the function flush (). It allows you to send your partially ready HTML response to the browser, so that the browser can start while your back-end components to get busy with the rest of the HTML page. The advantage is mainly seen on busy backends or light frontends. A good place to consider flushing directly to the head, because the HTML for the head is usually easier to produce and allows you to start CSS and JavaScript files for the browser include fetch in parallel while the backend is still processing.
removing duplicate Java Scripts duplicate scripts hurts performance by needless HTTP requests and wasted JavaScript execution. In addition to generating wasteful HTTP requests, is a waste of time assessing the script several times. One way to avoid accidentally including the same script twice is to implement a script management module in your template system. The typical path to a script is included, use the script tag in your HTML page.
