13 Tips on Speeding Up the Website
Choosing a suitable hosting plan for your website is the first step in starting a website. Hosting your website with a professional configuration can be of great help to the user.
Leveraging the Browser Caching
The expire headers can tell the browser if the resource on the website needs to be requested from the source or it can be fetched from the browser cache. When the expires header for the resource is set, such as the jpeg images, the browser will be storing the resources it in the cache. The next time when the website visitor visits the page it will be loading faster as the browser will already be having the images available.
Enabling the Keep Alive
The keep alive signal is most often sent on the predefined intervals and it plays a major role on the internet. Once the signal is sent and if no reply is received the link can be assumed as down and the future data will be routed by another path when the link is up again. Here the HTTP keep alive allows the TCP connection in staying alive and it helps in reducing the latency of the requests. Hence its better to contact the hosting provider and ask them to enable this feature as this feature is disabled by most hosting companies.
Making the Landing Page Redirects Cacheable
Here the mobile pages redirects the users on to a different URL, hence making it caheable redirect can speed up the loading time of the website. Hence it is good to redirect the cache lifting for one day, hence in this case the mobile devices will be redirected.
Using the Content Delivery Network
The content delivery network can be called as the collection of the web servers which is distributed across different servers which is distributed across different locations. Hence the servers selected for delivering the content to a specific user is based on the measure of the network proximity. Here the servers with less network problems or the server which is having the quickest response time is being chosen.
Minimizing the Redirects
Sometimes for indicating the new location of the URL, track clients, connecting different parts of the website together or reserving multiple domains, you will need to redirect the browser from one URL to another one. Here the redirects trigger an extra HTTP request and add the latency. Hence one must keep the redirects which are technically necessary and you will not be able to find the solution for it.
One should never use a reference URL in the pages which are known to redirecting to other URLs. The application you are using should have a way of updating the URL references whenever the resources are changing the location.
One should never require for more that one redirect to a given resource. For example if C is the target page, and if there are two different starting points A and B, then both A as well as B should be redirecting directly to C, there should be no redirection of A redirecting immediately to B.
One should minimize the number of extra domains which issue the redirects but will not actually serve the content. Here there is a temptation of redirecting from multiple domains for reserving the name space and then catch the incorrect user input. But if you are able to train the users that they can reach the website from multiple URLS, then you will be able to wind up in a costly cycle of purchasing the new domain for stopping the cybersecurity from taking up every variant of the name.
Removing the Query Strings from the Static Resources
You will not be able to cache the link with a “?” even if the URL or even there is a cache control, here the public header is the present. Here the question mark appears as Ctrl+F5. By using the query strings for dynamic resources only. Here the SEOmoz will be using the two dynamic URLs with “?”. Because they will be using the KISSmetrics, but it is reasonable to have 2 to 3 queries.
Specifying the Character Set
One needs to specify the character set in the HTTP headers for speeding up the browser rendering this can be performed by adding a simple code in the hearder:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
By Minifying the Codes
Minifying of codes can be performed by removing the HTML comments, CDATA sections, whitespaces as well as the empty elements. This will decrease the page size, reducing the network latency and speeding up the loading time.
There is also an option of using simple online tools for using the WordPress. A tool named atooptimize will be able to optimize as well as compress the codes and it supports CDN as well. SEOmoz is able to save upto 620B by the compression of HTML.
Avoiding the Bad Requests.
Broken links results in 404 as well as 410 errors. This can cause wasteful results. Hence one must fix the broken URLs. One can use online breken link checker or the WordPress link chechker for free.
Server the Resources from a Single URL
The resources which are shared across multiple pages, one must make sure that each of the references to the same resources is an identical URL. If the resources are being shared by multiple pages that is linking to each other, but is being hosted on different domain or the hostnames, it would be better to server the file from the single hostname which can re-server it from the hostname of each type of parent document. Here the caching benefits can outweigh the DNS lookup.
Reducing the DNS lookup
The DNS lookup takes a good amount of time for looking up the IP address from the hostnames. Here the browser will not be able to do something until the time the lookup is completed. Here reducing the unique hostnames will be able to increase the response time. One just needs to look on how the DNS lookup is able to take 3 seconds of the loading time in the SEOmoz.
Specifying the Image Dimension
The browser starts to render the page before the image is being loaded. Here specifying the image dimension helps in wrapping around the non replaceable elements. If there is not dimension being specified the browser will be able to reflow after the images have been downloaded. Hence use the height and width tag specification.
Putting CSS at the Top and JS at the bottom
Putting the stylesheets in the document head helps prohibitting the progressive rendering hence the browser will be blocking the rendering so as to avoid having in redrawing elements of the page. In majority of the cases, the users will be facing a white page till the time the page has loaded completely.
These are some of the most important ways of speeding up the website. It is not that the website speed is the main goal but one should remember that a good website with bad loading time is really difficult to find. Hence one should try to run the fastest website in order to achieve the goals faster.