Tricks Tips And Tools To Increase The Loading Speed Of A Website | WordPress Blogging


All we want is our websites to load faster. As we know, Internet users do not have precisely the virtue of patience. If our website is not going to a rate which we can end up losing visitors. As we saw in the previous article, Google considers the speed of a page as an important factor in search engine rankings. In fact, it is not only beneficial, but it is compulsory to have a website that loads quickly.

Later we will look at some simple steps we can do to speed up our website.

Improve loading times of a page.

The bases

The first thing we do, before using any tool to improve the loading speed of a website, is to know how long it takes to load the website in question.

You can tell that a Web site takes a while to load when multiple HTTP requests made on our server. These requests slow the loading of a site. Examples of such requests include loading scripts, style sheets, images, among other …

To understand and analyze the performance of the speed of our website, you can use tools like Google PageSpeed or Yahoo! YSlow. These two tools help us to optimize a website and improve loading times of a page.
Thus both PageSpeed like YSlow ons have to be installed in the browser and help us make the most of these. The operation is very simple and they show acceptable documentation, this way you will not have problems if it’s the first time you use them.

A very useful tool that can also be used is GTmetriz, which uses both functions as PageSpeed YSlow to analyze the speed of our website, and offer the respective recommendations and suggestions for improving it. You have the option to download the results in a PDF file and there is a section of tips and advice for sites that use WordPress. The GTmetrix tool also shows the results of YSlow and PageSpeed next to each other, to thereby be able to compare the results with each speed.

Another tool that is worth using Site Optimizer by Media4x . This resource does not use a sorting mechanism as previous tools, on the other hand scans the website and make comments on each section. The correct zones are green while issues that have problems are red. Some of the important aspects is showing optimizing CSS, HTML and JavaScript. But this tool not only provides this, but it also offers new features that we will see later in this article.

If we have finished measuring the load times of our website, we must now get down to work to improve the speed of the page.


Compression and image scaling

It does not matter if the site is large or small, on occasion we will make use of images. You can load an image as principal in every blog entry, or is likely to images used in articles. If so, we must consider the compression of images on the website.The tool has a Google PageSpeed image compressor that comes by default, although the image compressor TinyPNG in practice it may be more useful. The application can only be used with PNG files. All you have to do is upload the images and compress, giving a compressed version ready for download.

Other useful tools are the compressors image Media4x offers. There are separate files minimizers for PNG and JPEG, and the mechanism is similar to TinyPNG: load, compress and download.

Another tip is that before you upload images to the web, we must ensure that are scaled according to the pixel dimensions using the HTML code. This avoids unnecessary delays in the server. If you are looking for a comparative demonstration of the advantages of an image properly resized you can see it here.


Caching and CDN.

The cached versions of static content to increase the speed of a site has been for a long time. You can start with the storage cache in the browser, even though we must implement other issues. We can even find alternatives to PHP cache if you do not use a shared server.

When a CMS is used as Joomla, caching and other functions and bring built and we just have to activate and configure. Instead we use the WordPress, the best thing to do is to install and configure a cache plugin. One of the most popular plugins is W3 Total Cache.

A content delivery network or CDN can be a good resource to improve the loading speed of a website. We can say that a CDN has a global infrastructure of servers and reduce the loading time of your hosting service, also increases the speed of the pages, to serve dynamic content server located closer location to visit the website. If our site has a lot of views and content, it is advisable to invest in a CDN. The options are many, where you have to choose the one that best suits our needs. One of the most popular services is MaxCDN that integrates nicely with the W3 Total Cache plugin for WordPress.

There are well-known CDN services as CloudFlare or Amazon S3, but other lesser known and very good performance as Incapsula. This service also help us to optimize the web and CRC, also it offers protection against DDoS attacks, analysis, real-time statistics, application firewall (firewall) and safety statistics. The price for the econónico plan are $ 9 a month, but can also be used for free but with limited functions.


Sprites CSS, JavaScript and other

When loading a web is slow because of multiple images, we can reduce this number by combining images CSS Sprites. Stated otherwise, a CSS Sprite is the union of several images into one. With this rather than having to load a browser several different images, makes only one load using a CSS Sprite. One way to do this is through SpriteMe, which can be used free of charge.

Another thing we can do is postpone JavaScrip analysis. Ideally, the JS must load at the end of an HTML document, as if it is on top of a document, you can delay the processing of the web. You can use the “defer” attribute to postpone the analysis of JavaScript until the web is loaded as follows:

< script type = "text / javascript" src = "include / general.js" defer = "defer" > </ script >

These additional steps that can be done including the combination of CSS and JS files. If you are using a CMS, it is more likely that the Web is based on several CSS and JS files that can slow down the loading speed. You can combine this type of scripts in larger files and improve site speed.

There are other methods to compress the CSS, HTML and JS to improve loading time. This tool is useful for minification of these.