In this article you will receive valuable tips on how to improve website speed and performance. The guidelines are put together to help to optimize the website to improveyour pages loading speeds.
So many times I have visited sites that loaded too slowly and even after all that knowledge about how to succeed in speeding up your web pages loading, the web teams resist to put this into practice.
So, in order to see where my site stands today, I used a good speed testing tool called Gtmetrix.com ( //gtmetrix.com/reports/www.vitalyonline.com/jzIuNU2l) and Webpagetest.org (http://www.webpagetest.org/result/130506_A4_1B93/) or you could use Google Page Speed Test service: //developers.google.com/speed/pagespeed/insights. in the past I used //www.websiteoptimization.com/ services. Each of them provides good detailed reports on what needs to be inproved in your site. Below are a couple of screenshots you get after running the tool. Remember, that it took me some time to get to the stage when I will see A’s in the reports. I simply followed their instructions and then outlined below briefly what you can do to improve your website.
If you own the website and would like to know what potentially is slowing it down or how to improve its loading speeds, and then continue reading a few ways to speed up your website:
First and foremost, choose a good host. There are plenty of web hosting companies that offer “unlimited” shared hosting. However, you should remember that you are not the only one who likes the deal. And therefore, you may consider avoiding such type of hosting. The more people “share” the same resources, the more likely that your website loading will be slow. Virtual hosting or Private hosting would be an ideal if you want to avoid loading speed issues. Invest in a decent hosting. If you place in the House BEGET hosting $ 3/mes. do not expect to break any speed records. If you’re a serious geek, you want to spend money on a decent hosting setup. I saw a great performance from some shared hosting packages (multiple sites on one server). But for the fastest installation must have one or more dedicated servers. Do your research to see what hosting service will be benefitial for you.
Put your images on a separate domain. Point the subdomain as “pod.vitalyonline.com” to store images. Put your images there. Web browsers can load multiple domains at the same time, giving the impression that your site faster. In addition, you will use less bandwidth of your own server and processor. Every little bit helps.
Image compression using the correct file type. Use compressed JPEG-images and images with many colors. Use the “lossless” compression of PNG and GIF with only a few flowers.
Resize images before uploading. Do not change the size of the image using the width and height! Resize with Photoshop or Fireworks, or any other image editor. Besides resizing them, make sure that your code has width and height of images indicated. The server does not need to spend extra time to calculate your image sizes.
Learn to write decent code. Medium business content management system (CMS) or basket spits out nasty HTML code. Any server can generate clean code with a little tweaking. Thus it can be configured. Try to avoid unnecessary features that are offered by open source CMS such as Joomla, Drupal or WordPress. Consider first designing your simple HTML page by using an HTML editor. Once you’ve learned basics in programming, you can move on to CMS, which can be tweaked and programmed to incorporate reliability, stability, and fast delivery.
Put CSS in a separate file. Files CSS, not embedded in each page.
Divide your CSS. Create a style that contains only styles that are used on every page of your site. Then create a separate style for each unique page layout: Your home page, a typical article, a typical product page, etc. Load only what you need on each page. Very often you may need to choose <link> over @import. Styles should go at the top (in <head> tag) of the page and scripts at the bottom (before </body> tag).
Learn how to use CSS. If you can use instead <p> favorite color = “blue” style = “font-size: 10pt; font-weight: bold;”>, you’ll end up saving a lot of space. And people like me will not laugh at you.
Flash. Just do dont do it. There are many other ways to animate elements on the page. If you must use Flash, and then use it only in small nuggets in the page.
Set GZIP compression on your web server. Gzipping reduces the size of the HTTP response and helps to reduce response time. It’s an easy way to reduce page weight. You can enable it by adding the following code to your .htaccess file:
Minimize redirects. Do not use a 301 redirect, if you need. Fix it before you redirect.
Fix canonicalization issues. “Fixed” does not mean “use REL = canonical.” It means “make sure that every page on your site has a single address. This will improve cache performance, lower memory consumption and speed up the process.
Setting up caching on the server. If you use WordPress, use a plugin like W3 Total Cache. If you use another tool, learn it and caching. Your server does not include caching, or can. If you bought it from the Pygmies, who worked at a chocolate factory down the road.
If you create a site on PHP, ASP or another scripting language, most likely, all the pages in PHP, ASP or the relevant language. Some of the pages, though, as “About Us” and “Privacy” to change so rare that you can likely make them completely “static.” HTML pages. By doing this, you eliminate one set of calls to the server’s CPU. This small but immediate increase in productivity.
If you are running .NET, learn to compress VIEWSTATE variable. These suckers take up much space in your code. Better yet, get rid of VIEWSTATEW variable until it is needed.
DNS-requests is the physical distance between your host and the DNS-server. DNS-server is a server, the problem is name resolution (symbolic addresses) host IP-address, and vice versa. When you press the “Go” button in the browser – the browser at this point sends a request to a DNS server to obtain the IP address corresponding to the address or other //www.vitalyonline.com.
DNS-requests are time-consuming to search for IP-addresses for the host. The web browser is powerless as long as the search is complete. Reducing the number of unique hosts, you can increase the response time.
Keep-Alive – is a signal having a specified interval. It is very important for the Internet. If the signal is sent, but no response is received, the link will be considered defective, and the data will be transmitted by other means as long as the link is restored.
Keep-Alive allows TCP-connections to stay alive, which, in turn, will reduce the delay for subsequent searches. So, contact your hosting provider and ask them to think about it! Most hosting providers disable Keep-Alive, as it is an optional feature.
Posted CSS web pages will prevent progressive rendering, so browsers will block it. Avoid having to redraw elements of a Web page so that users are not faced with completely white web page until it is fully loaded. Thus, the web page will correspond W3-standards. For this reason it is necessary to place JS in the bottom of the web page.
There are many different methods of acceleration loading web pages, but we covered only the most important of them. Of course, the speed of loading web site should not be your goal number 1, but even for a perfect website with poor load times will not be easy to achieve positive results! It is an ongoing process that requires the understanding of code, knowledge of newest technologies, and patience. Results will come if enough time is invested into this process!