Affichage des articles dont le libellé est Speed. Afficher tous les articles
Affichage des articles dont le libellé est Speed. Afficher tous les articles

samedi 12 novembre 2016

18 Useful Tricks To Speed Up WordPress & Boost Performance



Do you want to speed up your WordPress site? Fast loading pages improve user experience, increase your pageviews, and help with your WordPress SEO. In this article, we will share the most useful WordPress speed optimization tips to boost WordPress performance and speed up your website.


Speed up WordPress - Ultimate Guide


Unlike other “X best WordPress caching plugin” lists or generic “X tips to speeding up WordPress” tutorials, this article is a comprehensive guide to WordPress performance optimization.


We include everything from why speed is important, what slows down your WordPress site to actionable steps that you can take to improve your WordPress speed immediately.


To make it easy, we have created a table of contents to help you navigate through our ultimate guide to speeding up your WordPress site.


Table of Contents


Basics of WordPress Performance



Speeding Up WordPress in Easy Steps (No Coding)



WordPress Performance Optimization Best Practices



Fine-Tuning WordPress for Speed (Advanced)



Why Speed is Important for Your WordPress Site?


Studies show that from 2000 to 2016, the average human attention span has dropped from 12 seconds to 7 seconds.


What does this mean for you as a website owner?


You have very little time to show users your content and convince them to stay on your website.


A slow website means users will potentially leave your website before it even loads.


According to a StrangeLoop case study that involved Amazon, Google, and other larger sites, a 1 second delay in page load time can lead to 7% loss in conversions, 11% fewer page views, and 16% decrease in customer satisfaction.


How slow websites cost you money


On top of that, Google and other search engines have already started penalizing slower websites by pushing them down in the search results which means lower traffic for slow websites.


To sum it all up, if you want more traffic, subscribers, and revenue from your website, then you must make your WordPress website FAST!


How to Check Your WordPress Website Speed?


Often beginners think that their website is OK just because it doesn’t feel slow on their computer. That’s a HUGE mistake.


Since you frequently visit your own website, modern browsers like Chrome store your website in cache and automatically prefetch it as soon as you start typing an address. This makes your website load almost instantly.


However, a normal user who is visiting your website for the first time may not have the same experience.


In fact, users in different geographical locations will have a completely different experience.


This is why we recommend that you test your website speed using a tool like Pingdom.


It is a free online tool that allows you to test your website’s speed from different locations.


Pingdom site speed tool


After you run your website speed test, you might be wondering what’s a good website speed that I should aim for?


A good page load time is under 2 seconds.


However, the faster you can make it, the better it is. A few milliseconds of improvements here and there can add up to shaving off half or even a full second from your load time.


[Back to Top ↑]


What Slows Down Your WordPress Website?


Your speed test report will likely have multiple recommendations for improvement. However most of that is technical jargon which is hard for beginners to understand.


However understanding what slows down your website is key to improving performance and making smarter long-term decisions.


The primary causes for a slow WordPress website are:



  • Web Hosting – When your web hosting server is not properly configured it can hurt your website speed.

  • WordPress Configuration – If your WordPress site is not serving cached pages, then it will overload your server thus causing your website to be slow or crash entirely.

  • Page Size – Mainly images that aren’t optimized for web.

  • Bad Plugins – If you’re using a poorly coded plugin, then it can significantly slow down your website.

  • External scripts – External scripts such as ads, font loaders, etc can also have a huge impact on your website performance.


Now that you know what slows down your WordPress website, let’s take a look at how to speed up your WordPress website.


Importance of Good WordPress Hosting


Your WordPress hosting service plays an important role in website performance. A good shared hosting provider like BlueHost or Siteground take the extra measures to optimize your website for performance.


However, on shared hosting you share the server resources with many other customers. This means that if your neighboring site gets a lot of traffic, then it can impact the entire server performance which in turn will slow down your website.


On the other hand, using a managed WordPress hosting service give you the most optimized server configurations to run WordPress. Managed WordPress hosting companies also offer automatic backups, automatic WordPress updates, and more advanced security configurations to protect your website.


We recommend WPEngine as our preferred managed WordPress hosting provider. They’re also the most popular one in the industry. (See our special WPEngine coupon).


For enterprise WordPress hosting, we recommend using Pagely because they’re the best in business.


[Back to Top ↑]


Speeding Up WordPress in Easy Steps (No Coding)


We know that making changes to your website configuration can be a terrifying thought for beginners, especially if you’re not a tech-geek.


But don’t worry, you’re not alone. We have helped thousands of WordPress users improve their WordPress performance.


We will show you how you can speed up your WordPress site with just a few clicks (no coding required).


If you can point-and-click, you can do this!


Install a WordPress Caching Plugin


WordPress pages are “dynamic.” This means they’re built on the fly every time someone visits a post or page on your website. To build your pages, WordPress has to run a process to find the required information, put it all together, and then display it to your user.


This process involves a lot of steps, and it can really slow down your website when you have multiple people visiting your site at once.


That’s why we recommend every WordPress site use a caching plugin. Caching can make your WordPress site anywhere from 2x to 5x faster.


Here’s how it works: Instead of going through the whole page generation process every time, your caching plugin makes a copy of the page after the first load, and then serves that cached version to every subsequent user.


How caching works


As you can see in the graphics above, when a user visits your WordPress site, which is built using PHP, your server retrieves information from a MySQL database and your PHP files, and then it’s all put together into a HTML content which is served served to the user. It’s a long process, but you can skip a lot of it when you use caching instead.


There are a lot of caching plugins available for WordPress, but we recommend using the WP Super Cache plugin. Check out our step by step guide on how to install and setup WP Super Cache on your WordPress site. It’s not difficult to set up, and your visitors will notice the difference.


Note: If you’re using a managed WordPress hosting provider, then you don’t need a caching plugin because they take care of it for you.


[Back to Top ↑]


Optimize Images for Speed


Optimize images for the web


Images bring life to your content and help boost engagement. Researchers have found that using colored visuals makes people 80% more likely to read your content.


But if your images aren’t optimized, they could be hurting more than helping. In fact, non-optimized images are one of the most common speed issues we see on beginner websites.


Before you upload a photo directly from your phone or camera, we recommend that you use photo editing software to optimize your images for web.


In their original formats, these photos can have huge file sizes. But based on the image file format and the compression you choose in your editing software, you can decrease your image size by up to 5x.


At WPBeginner, we only use two image formats: JPEG and PNG.


Now you might be wondering: what’s the difference?


Well, PNG image format is uncompressed. When you compress an image it loses some information, so an uncompressed image will be higher quality with more detail. The downside is that it’s a larger file size, so it takes longer to load.


JPEG, on the other hand, is a compressed file format which slightly reduces image quality, but it’s significantly smaller in size.


So how do we decide which image format to choose?



  • If our photo or image has a lot of different colors, then we use JPEG.

  • If it’s a simpler image or we need a transparent image, then we use PNG.


The majority of our images are JPEGs.


Below is a comparison chart of the file sizes and different compression tool that we could have used for the StrangeLoop image used above.


Image Speed Chart


As you can see in the chart, the image format you use can make a HUGE difference on your website performance.


For details on exactly how to optimize your images using Photoshop and other popular editing tools, without sacrificing quality, see our step by step guide on how to save images optimized for web.


[Back to Top ↑]


WordPress Performance Optimization Best Practices


After installing a caching plugin and optimizing your images, you’ll notice your site will start loading a lot faster.


But if you really want to keep your website as fast as possible, you’ll need to use the best practices listed below.


These tips aren’t too technical, so you don’t need to know any code to implement them. But using them will prevent common problems that will slow down your website.


Keep Your WordPress Site Updated


Keep your WordPress site up to date


As a well maintained open source project, WordPress is updated frequently. Each update will not only offer new features, but also fix security issues and bugs. Your WordPress theme and plugins may have regular updates, too.


As a website owner, it’s your responsibility to keep your WordPress site, theme, and plugins updated to the latest versions. Not doing so may make your site slow and unreliable, and make you vulnerable to security threats.


For more details on the importance of updates, see our article on why you should always use the latest WordPress version.


[Back to Top ↑]


Use Excerpts on Homepage and Archives


Using excerpts


By default, WordPress displays the full content of each article on your homepage and archives. This means your homepage, categories, tags, and other archive pages will all load slower.


Another disadvantage of showing full articles on these pages is that users don’t feel the need to visit the actual article. This can reduces your pageviews, and the time your users spend on your site.


In order to speed up your loading times for archive pages, you can set your site to display excerpts instead of the full content.


You can navigate to Settings » Reading and select “For each article in a feed, show: Summary” instead of “Full Text.”


Display excerpts instead of full text to boost WordPress speed


For more details on the pros and cons of displaying summaries, see our article on full post vs summary (excerpt) in your WordPress archive pages.


[Back to Top ↑]


Split Comments into Pages


Paginated comments


Getting lots of comments on your blog posts? Congratulations! That’s a great indicator of an engaged audience.


But the downside is, loading all those comments can impact your site’s speed.


WordPress comes with a built-in solution for that. Simply go to Settings » Discussion and check the box next to the “Break comments into pages” option.


Break comments into pages in WordPress


For more detailed instructions, see our guide on how to paginate comments in WordPress.


[Back to Top ↑]


Use a Content Delivery Network (CDN)


Remember how we mentioned above that users in different geographical locations may experience different loading times on your site?


That’s because the location of your web hosting servers can have an impact on your site speed. For example, let’s say your web hosting company has its servers in the United States. A visitor who’s also in the United States will generally see faster loading times than a visitor in India.


Using a CDN, or Content Delivery Network, can help to speed up loading times for all of your visitors.


A CDN is a network made up of servers all around the world. Each server will store “static” files used to make up your website. Static files are unchanging files such as images, CSS, and JavaScript, unlike your WordPress pages which are “dynamic” as explained above.


When you use a CDN, every time a user visits your website they are served those static files from whichever server is closest to them. Your own web hosting server will also be faster since the CDN is doing a lot of the work.


You can see how it works in this infographic.


What is a CDN


We use MaxCDN on all our projects, including here on WPBeginner. It works well with WordPress websites and complements your existing WordPress caching plugins for even faster loading times. See our guide on how to install and setup WordPress CDN solution MaxCDN to get started.


[Back to Top ↑]


Don’t Upload Videos Directly to WordPress


YouTube


You can directly upload videos to your WordPress site, and it will automatically display them in an HTML5 player…


But you should NEVER do that!


Hosting videos will cost you bandwidth. You could be charged overage fees by your web hosting company, or they may even shut down your site altogether, even if your plan includes “unlimited” bandwidth.


Hosting videos also increases your backup sizes tremendously, and makes it difficult for you to restore WordPress from backup.


Instead, you should use a video hosting service like YouTube, Vimeo, DailyMotion, etc., and let them take care of the hard work. They have the bandwidth for it!


WordPress has a built-in video embed feature, so you can copy and paste your video’s URL directly into your post and it will embed automatically.


Find out more details on how it works in our guide on embedding videos in WordPress.


[Back to Top ↑]


Use a Theme Optimized For Speed


Choosing a theme optimized for speed


When selecting a WordPress theme for your website, it’s important to pay special attention to speed optimization. Some beautiful and impressive-looking themes are actually poorly coded and can slow your site way down.


It’s usually better to go with a simpler theme and use quality plugins to get the features you need, than to choose a theme that’s bloated with complex layouts, flashy animations, and other unnecessary features.


Premium WordPress theme shops like StudioPress, Themify, and Array Themes offer themes that are well coded and optimized for speed. You can also check out our article on selecting the perfect WordPress theme for advice on what to look for.


Before you activate your new theme, see our guide on how to properly switch your WordPress theme for a smooth transition.


[Back to Top ↑]


Use a Faster Slider Plugin


Faster slider


Sliders are another common web design element that can make your website slow.


Even if your images are all optimized as described above, a poorly coded slider plugin will mean all your work is wasted.


We compared the best WordPress slider plugins for performance and features, and Soliloquy was the fastest by far.


Here’s how it compares to other popular slider plugins.











































Slider PluginPage Load timeRequestsPage size
Soliloquy1.34 secs26945 KB
Nivo Slider2.12 secs291 MB
Meteor2.32 secs271.2 MB
Revolution Slider2.25 secs291 MB
LayerSlider2.12 secs30975 KB

[Back to Top ↑]


Use a Faster Gallery Plugin


If you have a photography website or a portfolio, then you’ll probably want to use an image gallery plugin to display your photos.


It’s really important that you use a WordPress gallery plugin that is optimized for speed.


We recommend using Envira Gallery, which is the best WordPress gallery plugin in the market. It allows you to create beautiful image galleries that are lightning fast to load.


We tested its speed compared to a couple of other popular gallery plugins, and found that Envira Galley is almost twice as fast:































Gallery PluginPage Load timeRequestsPage size
Envira Gallery1.08 secs241MB
Foo Gallery1.89 secs23357.1KB
NextGEN1.88 secs33518KB

[Back to Top ↑]


Fine-Tuning WordPress for Speed (Advanced)


By using the WordPress optimization best practices and basic speed tips listed above, you should see a big improvement in your site’s loading times.


But every fraction of a second counts. If you want to get the very fastest speed possible, you’ll need to make a few more changes.


The following tips are a little more technical, with some requiring you to modify your site files or have a basic understanding of PHP. You’ll want to make sure to backup your site first just in case.


Split Long Posts into Pages


Split long posts into pages


Readers tend to love blog posts that are longer and more in-depth. Longer posts even tend to rank higher in search engines.


But if you’re publishing long form articles with lots of images, it could be hurting your loading times.


Instead, consider splitting up your longer posts into multiple pages.


WordPress comes with built-in functionality to do that. Simply add the <!––nextpage––> tag in your article where you want to split it into next page. Do that again if you want to split the article on to the next page as well.


For more detailed instructions, see our tutorial on post pagination – how to split WordPress posts into multiple pages.


[Back to Top ↑]


Reduce External HTTP Requests


Cross domain http requests


Many WordPress plugins and themes load all kinds of files from other websites. These files can include scripts, stylesheets, and images from external resources like Google, Facebook, analytics services, and so on.


It’s ok to use a few of these. Many of these files are optimized to load as quickly as possible, so it’s faster than hosting them on your own website.


But if your plugins are making a lot of these requests, then it could slow down your website significantly.


You can reduce all these external HTTP requests by disabling scripts and styles or merging them into one file. Here’s a tutorial on how to disable your plugins’ CSS files and JavaScript.


[Back to Top ↑]


Reduce Database Calls


WordPress database calls


Note: This step is a little more technical and will require basic knowledge of PHP and WordPress template files.


Unfortunately, there are a lot of poorly coded WordPress themes out there. They ignore WordPress standard practices and end up making direct database calls, or too many unnecessary requests to the database. This can really slow down your server by giving it too much work to do.


Even well-coded themes can have code that makes database calls just to get your blog’s basic information.


In this example, every time you see <?php, that’s the start of a new database call:



<html xmlns="http://www.w3.org/1999/xhtml" dir="<?php language_attributes(); ?>">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>
charset=<?php bloginfo('charset'); ?>" />

You can’t blame theme developers for that. They simply have no other way to find out what language your site is in.


But if you are customizing your site using a child theme, then you can replace these database calls with your specific information in order to reduce all those database calls.



<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Review your parent theme for instances like this that can be easily replaced with static information.


[Back to Top ↑]


Optimize WordPress Database


WordPress database optimization


After using WordPress for a while, your database will have lots of information that you probably don’t need any more. For improved performance, you can optimize your database to get rid of all that unnecessary information.


This can be easily managed with the WP-Sweep plugin. It allows you to clean your WordPress database by deleting things like trashed posts, revisions, unused tags, etc. It will also optimize your database’s structure with just a click.


See our guide on how to optimize and clean up your WordPress database for improved performance.


[Back to Top ↑]


Limit Post Revisions


Revisions in WordPress


Post revisions take up space in your WordPress database. Some users believe that revisions can also affect some database queries run by plugins. If the plugin doesn’t specifically exclude post revisions, it might slow down your site by searching through them unnecessarily.


You can easily limit the number of revisions WordPress keeps for each article. Simply add this line of code to your wp-config.php file.


define( 'WP_POST_REVISIONS', 4 );

This code will limit WordPress to only save your last 4 revisions of each post or page, and discard older revisions automatically.


[Back to Top ↑]


Disable Hotlinking and Leaching of Your Content


Prevent image theft in WordPress


If you’re creating quality content on your WordPress site, then the sad truth is that it’ll probably get stolen sooner or later.


One way this happens is when other websites serve your images directly from their URLs on your website, instead of uploading them to their own servers. In effect, they’re stealing your web hosting bandwidth, and you don’t get any traffic to show for it.


Simply add this code to your .htaccess file to block hotlinking of images from your WordPress site.



#disable hotlinking of images with forbidden or custom image option
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?wpbeginner.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

Note: Don’t forget to change wpbeginner.com with your own domain.


You may also want to check our article showing 4 ways to prevent image theft in WordPress.


Some content scraping websites automatically create posts by stealing your content from your RSS feed. You can check out our guide on preventing blog content scraping in WordPress for ways to deal with automated content theft.


[Back to Top ↑]


That’s it! We hope this article helped you learn some useful tricks to speed up WordPress and boost performance.


Go ahead and try out a couple of these techniques. Be sure to test your site’s speed before and after, and let us know your results in the comments.


You might also be interested in our case study of how we optimized List25 performance by 256%. It has a few more advanced optimization tips for you.


If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.


The post 18 Useful Tricks To Speed Up WordPress & Boost Performance appeared first on WPBeginner.


Page 3 – WPBeginner




Top 10 Ways To Speed Up Your WordPress Blog



alt="Top 10 Ways To Speed Up Your WordPress Blog" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2011/08/reading-500x320_c.jpg" />

class="border" alt="Speeding Up Your WordPress" src="http://www.webhostingsecretrevealed.net/images/2010/1104-1.jpg" width="750" />

With unlimited information becoming available with the click of a mouse, internet users have lost their patience, when it comes to waiting for a WordPress blog to load. If a page is taking too long to become legible, most internet users will move on to the next page that offers similar information, news, views, images or whatever else they are seeking. Therefore, if you want to capture your audience long enough for them to read what you have to say, you need to not only make sure that your blog is attractive to look at but that it loads quickly, before you lose a prospective reader.

The good news is that there are some easy tips and tricks that you can use to maximize the speed of your WordPress blog. Let me take you through a tour of the 10 best ways to speed up your blog. Some of these tricks are so simple that they might seem obvious to some of you but all of them work brilliantly when it comes to reducing the page load time.

1. Cache Fully Generated Pages

The reason why WordPress is slow is that it is a PHP script, which means that the page is dynamic and WordPress needs to execute all queries before the page can load. The best way to get around this problem is to use static pages. All you need to do is install a plugin called href="http://wordpress.org/extend/plugins/wp-super-cache/">WP Super Cache, which will cache the fully generated pages that can be brought up quickly by users rather than waiting for dynamic queries to be processed. As soon as you install this plugin, you will find a noticeable decline in the load time of page, as well as more efficient usage of server resources.

2. Disable Hotlinking

id="floatright">alt="Stop hotlinking" src="http://www.webhostingsecretrevealed.net/images/2010/1213-1.jpg" width="165" height="166" />

Hotlinking is basically href="http://altlab.com/hotlinking.html">bandwidth theft, where other sites create direct links from their articles to the images on your page, slowing down your server load time. One person doing this doesn’t really matter. But the reality is that hordes of spammers hotlink and copy your write-ups and images. Even the best web hosting service will be adversely affected by this. Rather than looking for a cure, what you need to do is prevent hotlinking from being attempted in the first place.

One way that you can do this is by placing a code in your root .htaccess file.

The code you need to place is as follows:

#disable hotlinking of images with forbidden or custom image option
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?wpbeginner.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?feeds2.feedburner.com/wpbeginner [NC]
RewriteRule .(jpg|jpeg|png|gif)$ – [NC,F,L]

3. Create Smaller WordPress Pages

Even if you intend to create a huge resource of information that also includes many images, it is best to split up a long post into smaller pages with a few images. This way you will be able to increase your page views and get people to read long enough to want to know more. All you need to do is to use the WordPress admin panel to add the <!—nextpage> code at the end of each split page. Also, ensure that your template functions properly.

4. Use Excerpts on the Main Blog Page

Okay, I am not a big fans of the usage of Excerpts in WordPress but without doubt it is a good way to speed up WordPress blog – especially if you are featuring several loooooooooong blogposts at your index page. Rather than showing full posts on the main page itself and burdening this page, you can display excerpts of up to 10 posts on the main blog page. For this, you need to visit the index.php and set a limit to the number of pages displayed through the WorldPress admin panel under the tab of Settings > Reading. You can do this in the following way:

Go to index.php and find:

<?php the_content(__(‘(more…)’)); ?>

Replace this code with:

<?php the_excerpt(__(‘(more…)’)); ?>

Limit the number of posts displayed via the tabs Settings > Reading in the admin panel:

5. Optimize the MySQL Database

You can either do this manually or by using a plugin. In the manual method, you will need to access phpMyAdmin and choose your database. There will be an option for you to select the tables and optimize them. On the other hand, you could use a plugin called href="http://wordpress.org/extend/plugins/optimize-db/">Optimize DB by Joost De Valk. This plugin will do exactly the same thing as you would have done manually but will minimal effort on your part.

6. Minimize external websites and scripts

You can avoid the use of external scripts, both directly and through plugins. Some plugins can take a long time to load and often lead to your page not loading properly, especially during times of heavy traffic. Also, displaying widgets on your sidebar will only slow down your site.

7. Use Expires Header for Static Resources

This header helps you specify the time period for which a visitor will be able to bring up specific static content, including CSS files, images, javascript, etc.) and thereby cut down on load time. Use the following code in your root .htaccess file:

ExpiresActive On
ExpiresByType image/gif A2628000
ExpiresByType image/png A2628000
ExpiresByType image/jpg A2628000
ExpiresByType image/jpeg A2628000

Here, the figure 2628000 represents the number of seconds in a month. You can change this figure to any time frame of your choice.

8. Remove All Unwanted plugins and PHP tags

If your page is using more than 15 plugins, look for those that can be directly integrated into your theme.

At the same time, check whether you actually need those plugins or whether you can do without them. Also, look at your header.php and other theme files to check for php tags. You will find numerous redundant tags or unnecessary queries that can be removed without harming your site.

9. Compress All Java Script files

Regardless of the size of these files, if they are repeatedly loaded, they will use up huge server resources and increase load time. Various compressors are available online that will help you save on resources and speed up your WordPress blog.

10. Minimize Database Calls

Database calls are what make WordPress dynamic. Although having a dynamic page is at times unavoidable, replacing database calls with simple text can significantly decrease WordPress load time.

For instance, if your header.php code looks like this:

<html xmlns=”http://www.w3.org/1999/xhtml” <?php language_attributes(); ?>>
<head profile=”http://gmpg.org/xfn/11″>
<meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>;
charset=<?php bloginfo(‘charset’); ?>” />

This means that useless database queries are being called up. These can easily be put in simple text form, like this:

<html xmlns=”http://www.w3.org/1999/xhtml” dir=”ltr”>
<head profile=”http://gmpg.org/xfn/11″>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />

Some other ways in which you can bring down the number of database calls including having a static stylesheet URL, having a static pingback URL, having a static feed URL, as well as removing the WordPress version of the blog.

For more site speed optimization, also read my href="http://www.webhostingsecretrevealed.net/blog/seo/speed-up-your-website/">How to speed up your website for better search rankings.


Page 28 – Web Hosting Secret Revealed




How To Speed Up Your Website For Better Search Rankings



alt="How To Speed Up Your Website For Better Search Rankings" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/03/0322-5-500x338_c.jpg" />

It is no secret that Google is now using site speed as one of the ranking factors. Google Webmaster Central Blog made an official announcement on this some years ago:

You may have heard that here at Google we’re obsessed with speed, in our products and on the web. As part of that effort, today we’re including a new signal in our search ranking algorithms: site speed. Site speed reflects how quickly a website responds to web requests…

And, Matt Cutts has repeatedly mentioned about the importance of website speed optimization in his href="http://youtu.be/vLp9Qf99DCI" target="_blank">videos and title="Matt Cutts Blog Post On Site Speed" href="http://www.mattcutts.com/blog/site-speed/" target="_blank">blogs. While searching and reading more on this topic, I bumped into several case studies that confirm on this – In one href="http://searchenginewatch.com/article/2064113/Case-Study-Impact-of-Code-Cleanup-on-Site-Traffic" target="_blank">article on Search Engine Watch, Work Coach Cafe gained an extra 40% organic traffics after cleaning up its codes and broken links; on another href="http://www.retailtouchpoints.com/cross-channel-strategies/885-the-growing-need-for-speed-how-site-performance-increasingly-influences-search-rankings" target="_blank">case study, SmartFurniture.com CEO confirmed that the site made a quantum lead in search engine rankings simply by increasing his site performance.

Faster Page Load Time Also Equals To Better Conversion

style="text-align: center;">class="aligncenter border" alt="Site Load Time Infographics" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/03/0322-5.jpg" width="750" />

But wait, there are more reasons why you should take time to speed up your website. In one study on travel site users, I learned that 57% of website users will only wait for three seconds or less before abandoning a site. In another href="http://blog.tagman.com/2012/03/just-one-second-delay-in-page-load-can-cause-7-loss-in-customer-conversions/ " target="_blank">popular research at Tagman (see chart above), it shows that an increase of one second in page load time can cause nearly 7%  loss in customer conversions.

In short, page load time not only affects search rankings, it also impacts greatly on conversion rate and visitors reach. For more similar statistics, make sure you visit Mashable for this href="http://mashable.com/2012/03/14/slow-website-stats-infographic/" target="_blank">beautiful infographic.

How To Improve Your Website Speed

When I first learned about all these two years ago, I was like “Wow, there’s so many benefits in this!”. What’s come next is inevitably the question ‘how’. How do we speed up our websites? How do we measure the speed of our website and compare with others? How do we get things done without getting into too much technical details?

Ian Lurie wrote href="http://searchengineland.com/29-ways-to-speed-up-your-website-70437" target="_blank">29 Ways To Speed Up Your Website back in March 2011 and it’s a true gem. If you are serious about tweaking your website speed, you should follow every single tips shared in the article.

However many of these solutions may be beyond the technical skills of everyday website owners and bloggers. So I thought I’d revisit on this topic and look for simple ways and so the non-techie users can implement without pouring too much of time and energy.

1. Slim Down Your Site

In many times when a page load time is slow, it simply means the page is overweight.

The solution is easy: Go on a diet! Take a thorough check on your website and ask yourself these questions:

  • Are you keeping too many unused CSS in the server? Delete them!
  • Are your images too large? Optimize them with Photoshop, Fireworks, or Smush It if you don’t have a graphic software installed in your PC.
  • Are you having excessive HTTP headers? Remove them!
  • Are you keeping too many spam comments? Undeleted comments in your spam box will simply slow down your database response time. Remove them asap!
  • Are you using too many plugins on your CMS? Are you using outdated plugins and scripts on your site? Well then it’s time to do some clean up and updating job.
  • Is your JavaScript too heavy?  Minify and compress it!

While these tips seem pretty simple, I won’t be surprise to see experienced webmasters or web designers fail to keep up with it. A few years back I was careless and I wasn’t aware that the WordPress theme I am using has a <?php wp_get_archives(‘type=monthly’); ?> embedded in the header.php file. Needless to say, the function generates dozens of unnecessary lines in HTML files as time goes. It’s a silly mistake that can be fixed in seconds, but then it took me more than 2 years to realized it as I wasn’t looking on my own source code.

2. Avoid Unnecessary HTTP 300’s, 400’s and 500’s

HTTP 300’s refers to server redirects, HTTP 400’s refers to authentication issues, and HTTP 500’s refers to server errors – all these results for HTTP requests cause unnecessary extra round trips* for the browsers. While certain HTTP 300’s are unavoidable (such as 301 redirection to a new page location), you should look into every HTTP 400’s and 500’s errors and try to fix every one of it.

* What’s A Round Trip Time Anyway?

General speaking, a webpage weights roughly 1,100KB in size and consists of roughly 100 objects (href="http://www.websiteoptimization.com/speed/tweak/average-web-page/ ">source); a web browser can only request 2 – 6 objects at a time depends on user’s configuration. Round Trip Times is the number of round trip it takes for a browser to open up a page completely. For example, In order to load a webpage with 100 objects, a browser that is configured to carry 5 requests at a time will takes 20 round trips to load the webpage. Since the lesser round trip times it takes, the faster a webpage loads; we should minimize the number of objects available on one page.

3. Use CSS Sprites

CSS Sprites refers to the technique where multiple images were combined into one image file and shown parts of it to the users at a time. Using CSS Sprites reduces the number of browsers round trips and hence makes web pages load faster.

Now wait, I know this might seems a little too much for some of you who don’t like to get your hands wet on CSS but trust me, the concept is much simpler than it sounds. And, best of all, there are free tools online that can get things done without touching the CSS codes. Check out href="http://spriteme.org/" target="_blank">Sprite Me and href="http://spritepad.wearekiss.com/" target="_blank">Sprite Pad – things can be done in just a few drag-and-drop and clicks.

Sprite Pad

style="text-align: center;">class="aligncenter border" alt="Sprite Pad" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/03/0322-2.jpg" width="750" />

Sprite Me

style="text-align: center;">class="aligncenter border" alt="Sprite Me" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/03/0322-3.jpg" width="750" />

Also, for further readings and examples of CSS Sprites, visit href="http://css-tricks.com/css-sprites/" target="_blank">this and href="http://www.peachpit.com/articles/article.aspx?p=447210" target="_blank">this tutorial.

4. Avoid Using CSS @import

CSS @import function helps load external stylesheet to your webpage. The bad thing about this is that it simply adds additional browser round trip times and increase your webpage load time. To solve this, simply use a <link> tag instead.

In case you are a casual blogger and have no idea what am I talking about, just go have a look on your header.php (if you are using WordPress), ctrl + F and search for ‘@import’, move .css files to the same server if necessary, replace @import lines with <link> instead.

Example, replace

@import url(“../style1.css”);

@import url(“../style2.css”)

to

<link rel=”stylesheet” href=”style1.css”>

<link rel=”stylesheet” href=”style2.css”>

5. Update Your CMS

Well this is a no-brainer, right? Updates are meant to boost performance and security and the least you can do for your visitors is to keep them on an updated CMS platform.

6. Cache All You Can Cache

These days in most cases I rely on a third party plugin for caching. For one, I am too lazy to look into it; secondly, there are pros that can do things much better than me, why waste my energy in this? In case you are on WordPress, try WP Super Cache – it’s one of the most popular cache href="http://wordpress.org/extend/plugins/wp-super-cache/" target="_blank">WP plugin at this time of writing. In case you are Joomla, check out href="http://extensions.joomla.org/extensions/core-enhancements/performance/cache/9495" target="_blank">Cache Cleaner.

In brief, these plugins help cache the latest version of your webpage and reduce the needs of generating dynamic content during a repeat visit.

There are plenty of technical details to crunch in this topic, feel free to read more at href="http://www.caucho.com/resin-3.0/performance/caching.xtp" target="_blank">here and href="http://httpd.apache.org/docs/2.2/caching.html" target="_blank">here.

7. Get On A Content Delivery Network (CDN)

class="alignright" style="border: 0px;" alt="CDN services" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/03/0322-6.jpg" width="300" height="123" />

A CDN stores your static files across servers worldwide and serves your web pages from different servers based on user’s location. Example, when a user from Malaysia access to your website, the CDN will delivers your web content (mainly static files like images and HTML files) from the server located in Asia, say Singapore; on the other hand if the user is located at Mexico, the network will choose to deliver the content from a nearer server location, say United States.

There are different brands of CDN available out there but in general CDN can be grouped into two categories – Pull CDN and Push CDN. For more details, I suggest you have a look on some of the reputable CDN services such as href="http://www.maxcdn.com/" target="_blank">MaxCDN, href="http://www.edgecast.com/" target="_blank">EdgeCast, href="http://www.cloudflare.com/features-cdn" target="_blank">CloudFlare, as well as href="http://aws.amazon.com/cloudfront/" target="_blank">Amazon’s CloudFront.

8.  Consider A Better Web Host

If you are serious about tweaking your site faster, consider href="http://www.webhostingsecretrevealed.net/choose-the-right-web-hosting/">picking a better hosting.

Roughly one year ago I switched one of my websites from a shared hosting account at Hostgator to href="http://www.webhostingsecretrevealed.net/hosting-review/wp-engine/" target="_blank">WP Engine (a cloud based hosting). Things changed dramatically ever since I moved, the average page load speed cut down from over 900ms to 500ms – an almost 100% improvement (see chart below).

style="text-align: center;">class="aligncenter border" alt="WHSR Page Loading Speed" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/03/0322-4.jpg" width="750" />

Lesson learned: Sometimes you just can’t rely on the cheap stuffs. If you are paying less than per month, don’t expect to get on top of this speed game. If you want your website to load lighting fast, perhaps the easiest way to do so is to shift your website to a better web host.

If you are thinking of getting a better host, you can read more about href="http://www.webhostingsecretrevealed.net/compare-best-five-hosting/" target="_blank">my Best 5 Web Hosting Picks.

9. Optimize Your Database

If you are on MySQL, things can be done easily on phpMyAdmin. And if you are on WordPress, things can be done even easier with the right plugin. href="http://wordpress.org/extend/plugins/wp-optimize/" target="_blank">WP Optimize, for example, allows you to clean up your database in just a few clicks.

10. Place Your Scripts At The Footer Whenever It’s Possible

One easy way to improve your page load time in the view of visitors is to to place codes and scripts (for example, Google Analytics) at the footer whenever is possible. Though I believe it barely helps in term of SEO, doing so will nevertheless  makes your website viewers feel that the page is loading in a faster manner – as this allows critical content to load before browsers execute the scripts.

More Tips On Speeding Up Your Website

There, you now have my 10 quick tips on how to improve website speed.

I am sure there are many other methods to get the job done, why not tell us yours – What’s your #1 tips for a non-techies to speed up their websites?


Page 21 – Web Hosting Secret Revealed




10 Non-Technical Ways To Boost Site Speed For WordPress



alt="10 Non-Technical Ways To Boost Site Speed For WordPress" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/06/9-500x233_c.jpg" />

Website speed can have a huge impact on visitor experience. If your webpages load slowly, visitors will leave or read fewer pages. More to the point, research shows that a 1 second decrease in page load speed can rel="nofollow" href="http://blog.kissmetrics.com/loading-time/" target="_blank">reduce your conversion rates by 7%.

src="http://www.webhostingsecretrevealed.net/images/2012/1210-1.jpg" alt="Site Loading Time vs Conversion Rate" width="750" height="400" />

Source: rel="nofollow" href="http://blog.tagman.com/2012/03/just-one-second-delay-in-page-load-can-cause-7-loss-in-customer-conversions/" target="_blank">Tagman Blog.

WHSR has already reviewed some great ways to href="http://www.webhostingsecretrevealed.net/blog/seo/speed-up-your-website/">speed up your website here. But many of these solutions may be beyond the technical skill of everyday website owners.

So we thought we’d revisit the topic and look for simple steps that everyday website users can implement with limited investments of time and energy.

First, Test Your Speed With Pingdom

class="border" src="http://www.webhostingsecretrevealed.net/images/2012/1210-2.jpg" alt="Pingdom Site Run Time Test" width="750"" />

First, if you haven’t done so, check your site’s loading speed for free using a great rel="nofollow" href="http://tools.pingdom.com" target="_blank">loading speed tool from Pingom. This tool will show you if there’s a problem by comparing your site speed to others they’ve tested. If you do have a problem, it will point to where the specific issue may be. Finally, it will give you a baseline to judge any improvements.

1. Use A Quality WordPress Theme

The WordPress theme you use can have an impact on speed. Themes differ dramatically in the amount of code they include, how well organized and executed the code is, the number and quantity of images they use, and other factors that affect load speed.

Look for themes that are relatively new or frequently updated, and themes by well-established WordPress developers. If you are open to spending a few bucks, consider investing in a premium theme, especially those build on prominent frameworks like Thesis, Genesis, or Hybrid.

2. Reduce The Number Of Plugins You Use

It’s so easy to add WordPress plugins. That’s great. But means most of us end up with dozens of plugins installed on our sites, half of which we’re not really using. Yet, each of the active plugins add more code and scripts that slow down your site.

Your goal should be to keep it as light as possible. Go through your plugin list and deactivate and delete any plugins you are no longer using, and even those you are using but can get along without.

3. Delete Spam Comments And Post Revisions

Both spam comments and post revisions can accumulate at incredible rates. Once they do, they slow down database response times for your site.

For post revisions, install and run the rel="nofollow" href="http://wordpress.org/extend/plugins/better-delete-revision/" target="_blank">Better Delete Revision plugin. This plugin will allow you to delete hundreds, possibly thousands of revisions across your website quickly and easily.

For spam comments, you can delete them manually, or if you have accumulated an unmanageable number of them, you can use a bulk delete plugin like rel="nofollow" href="http://wordpress.org/extend/plugins/bulk-comment-remove/" target="_blank">Bulk Comment Remove.

4. Reduce The Number And Size Of Your Images

This one is obvious, but oh-so-often overlooked. It’s surprisingly common for website owners to upload images from their hard drives as-is. They’re usually way larger than they need to be.

Before uploading images, optimize them for the web by resizing them to the smallest resolution you need – definitely less than 1000px in the longest dimension. You should also save them as compressed JPEGs at a medium quality level.

If you are a photographer or designer, or have a habit of writing round-up posts, you should also consider reducing the number images you load on any given page.

Finally, once images are uploaded, you can optimize them even further by using WordPress plugins like rel="nofollow" href="http://wordpress.org/extend/plugins/wp-smushit/">WP Smush.it.

5. Install A Caching Plugin

One of the biggest steps you can take to improve loading speeds is to install a solid caching plugin like rel="nofollow" href="http://wordpress.org/extend/plugins/w3-total-cache/" target="_blank">WP Total Cache.

This plugin speeds up your site in a few ways. It loads saved ‘copies’ of pages on your site, including all their various elements, rather than running to the database to ask for needed page elements each time the page is loaded. It minifies code and files on your site for faster retrieval. And it helps browsers cache the right site elements locally on your visitors computers so they don’t have to be resent.

While there are a lot of ways you can tweak caching plugins, if you just install WP Total Cache and use default settings, you’ll already be well set.

6. Optimize Databases With The WP-Optimize Plugin

rel="nofollow" href="http://wordpress.org/extend/plugins/wp-optimize/" target="_blank">WP-Optimize and several other similar plugins allow you to easily clean up your databases. As you add content, posts, pages, images, plugins, new themes, and more to your WordPress site, all of these elements at content to your databases that hangs around even it’s no longer used.

This plugin will cleaning out unused and unneeded content. Above I mentioned reducing the number of plugins you use. This is the kind of plugin you can install and run periodically and then deactivate and remove.

7. Prevent Malicious Code With A Great Security Plugin

WordPress is notoriously susceptible to hacks and malicious code. In addition to creating a huge headache that needs to be cleaned up, malicious code can also cause dramatic speed and performance problems.

Fortunately, there are some great and simple security plugins out there like rel="nofollow" href="http://wordpress.org/extend/plugins/bulletproof-security/" target="_blank">Bulletproof and rel="nofollow" href="http://wordpress.org/extend/plugins/wordfence/" target="_blank">WordFence that will protect your site as well as periodically scan it and let you know if any suspicious problems.

8. Add Google And Other Scipts To The Footer VS Header

Most likely, you’ve added snippets of code for things like Google Analytics or possibly some advertising networks to your site. You can add this directly to your WordPress theme’s header or footer files files, but most WordPress themes now include an easy box for such scripts in their options panels.

If you have the choice, add these scripts to the footer area of your theme (just before the close of the body tag) rather than the header. Since these scripts aren’t needed to view the page content, placing them in the footer allows critical content to load before browsers execute the scripts.

9. Try JetPack’s Photon: A CDN For The Rest Of Us

rel="nofollow" href="http://jetpack.me/support/photon/" target="_blank">class="border" src="http://www.webhostingsecretrevealed.net/images/2012/1210-3.jpg" alt="JetPack Me" width="750" />

Many articles on website speed mention using a CDN or content delivery network. In simple terms, a CDN is global array of servers that stores your information in various places, and then serves your website content from the server closest to your visitor. Because the server is geographically closer, it’s faster.

Great stuff. The main problem is that setting up and using a CDN generally requires advanced technical skills.

Enter Jetpack and Photon. rel="nofollow" href="http://jetpack.me/support/photon/">Photon is relatively new feature of Jetpack that makes using CDN possible for the rest of us. With Photon enabled, your media files will be copied to the same server platform used by WordPress.com, and served to your visitors via WordPress.com’s CDN. Amazingly, they don’t even charge you for the storage or bandwidth you consume.

To get set up, you just need to install and enable the Jetpack plugin. By default, Jetpack comes with lots functionality. Be sure to go through and deactivate or disable any functionality you don’t specifically want. Then just enable Photon.

You will need to have an account with WordPress.com, but that’s also free. Otherwise, this is by far the simplest way to get on the CDN train.

10. Consider A More Advanced Hosting Solution

OK, this one is not so quick or simple, but it needs to be said. Most smaller websites are on shared hosting plans. And if you still have a smaller site, shared hosting is a great place to start. It’s both simple and inexpensive.

But if your site is getting more than, say, 10,000 visitors per month, you need to consider more advanced web hosting. The most likely candidates are VPS or cloud hosting.

If you’re in this boat, WHSR has some great articles covering shared, VPS, and cloud hosting. Check them out in this href="http://www.webhostingsecretrevealed.net/web-hosting-beginner-guide/" target="_blank">awesome one-page guide.

Have more tips on low-tech ways to improve loading speed? Let us know in the comments.


Page 22 – Web Hosting Secret Revealed