Results 1 to 7 of 7

Thread: Plugin to optimize your wordpress web site to load faster

  1. #1
    Administrator Admin's Avatar
    Join Date
    Dec 2010
    Location
    Toulouse, France
    Posts
    540

    Lightbulb Plugin to optimize your wordpress web site to load faster

    Before you can get your visitors interested by your content and happy to subscribe to your newsletter, you need first they could see your wordpress website, and speed is important factor which is also impacting your traffic with SEO ranking.

    First of All, look at the current speed of your web site with

    Speed Audit Tools

    GTMetrix
    : http://gtmetrix.com

    it will grab the Google Speed Page analysis, with YSlow ( from Yahoo ), then a Waterfall of the loading timing and a bunch of advices. it is really the easiest tool I found to audit the speed of the web site when you will have to tune your Wordpress web site


    Click image for larger version. 

Name:	2012-04-15 10h07_36.jpg 
Views:	147 
Size:	12.6 KB 
ID:	182

    Another famous test tool is :

    http://www.webpagetest.org/ but it is less convenient compared to GTMetrix which allow you to refresh ( so relaunch the test ) in 1 click


    Wordpress Cache Plugins

    the one I think the most complete is W3 Total Cache , it can cache files, database, minify ( but I found it hard to use and you need to carefully check the results ) but also connection with CDN ( Amazon cloudfront ) which is kind of magic when you configurer it properly.
    CDN means Content Delivery Network, is not only useful for speeding the delivery of files with distributed server, ( cloudfront ) it means it will be a different server used depending on your IP and geo location.
    Also as mentionned below, the browser limits their number of connection PER domain. using another domain for ressources such images with a CDN you allow the browser to make more connection in the same time.

    you can also try CloudFlare which has plenty of nice feature, automatic minify for javascript and css. We are still testing it. so subscribe to this thread to get information in the future.


    Optimize Pictures

    Pictures are important, there can be easily optimize, from giving their size in the html code, to resize them, and also strip out the meta data or re compress them, here some tools to help about this

    If you have already uploaded your pictures, the easiest plugin is

    WP-Smush it

    http://wordpress.org/extend/plugins/wp-smushit/

    once you have installed it, you could optimize existing pictures and images in your library. It won't resize them, but only recompress or optimize the information of the pictures ( for png ), so the purpose is to save around 15%, and make the score better, as it is the tool used by YSlow for evaluation, and kind of a similar solution for Google Page speed

    See in 1 click in the media library we saved 7% on WPSubscribers Logo

    Click image for larger version. 

Name:	2012-04-15 12h24_22.jpg 
Views:	157 
Size:	19.0 KB 
ID:	185

    Light Image Resizer

    can help to reduce, convert, and optimize PNG in batch, or manually, when you have the files available in local on your hard drive

    Download Light Image Resizer, and soon an article Light Image Resizer for webmasters and webdesigners could be written if you ask for it. It can work on a folder and all subfolder to rewrite each photos, so use it with caution, but it will for sure help to make your png smaller by acting as frontend GUI for OptiPng

    http://www.obviousidea.com/windows-s...image-resizer/


    Online tool to optimize your WordPress

    Sprite.me is a bookmarlet for your browser, it will help you to build a css sprite and a new image combining all the small images into 1 big. it is very efficient as it limits the number of threads ( download ) or hits to your server. you need to know the browser has a limit in number of threads ( 4 or 8 ) , while a typical web site can needs 80 to 120 hits when it is not optimize. it costs more time to connect and ask for the file, than to download it, so combining images in sprites, will reduce the loading time of your web site, by downloading a bigger file, instead of plenty of littles images. BUT.. it could be complex to edit your code. Sprite.me will generate one new file to upload, then a css

    Click image for larger version. 

Name:	2012-04-15 11h59_50.jpg 
Views:	152 
Size:	19.9 KB 
ID:	183

    once you submit your website to the bookmarket , a suggestion about graphics will be displayed
    make sprite and it will create a new file

    click on make sprite and you will have some code to update in your css and the location where you need to apply them, then click on export css to see the changes to do

    Click image for larger version. 

Name:	2012-04-15 12h03_04.jpg 
Views:	123 
Size:	17.0 KB 
ID:	184



    try SpriteMe now :
    http://spriteme.org/



    Data URI method

    Because sometimes it is complication to make CSS Sprites for small pictures used for decoration, I finally found the best compromise for it, when you are in the final optimization ( so you don't plan to change graphics )

    http://websemantics.co.uk/online_too...uri_convertor/


    Others plugins to consider

    As nothing is completely safe in this world, I hightly recommand to make backups of your web site, locally, or with S3 , or dropbox.. for this, we are all using BackWPup, which is easy to configure with dropbox and very versatile to backup both files and database of your wordpress

    http://wordpress.org/extend/plugins/backwpup/
    Last edited by Admin; 04-15-2012 at 11:05 AM. Reason: sprite me section

  2. #2
    Thank you Fabrice,

    We will have a lot of fun with all these tools ;-)

  3. #3
    Administrator Admin's Avatar
    Join Date
    Dec 2010
    Location
    Toulouse, France
    Posts
    540
    I found this article which inspires me, as Mentionned JC about DNS resolving , I think it could be profitable to split the files.

    Also I should definitly look and tune up W3 Total Cache and file caching, I never know how my host is managing the disk caching with linux kernel.

    http://www.thewebhostinghero.com/art...loudflare.html

    and another Article from Jenni herself ( well documented with a lot of different links )

    http://www.intenseblog.com/wordpress...ess-speed.html
    Last edited by Admin; 04-18-2012 at 09:30 PM. Reason: adding links

  4. #4
    Administrator Admin's Avatar
    Join Date
    Dec 2010
    Location
    Toulouse, France
    Posts
    540
    Another addition of tools found by JC ( to be tested ) http://dataurl.net/#about ( data url, css compression )

    Technicle articles to combine your javascript using htaccess and some php code

    http://rakaz.nl/2006/12/make-your-pa...css-files.html

  5. #5
    Junior Member
    Join Date
    Jul 2012
    Posts
    3
    i have max cdn installed on my my site and when ever i activate wp-subscriber , maxcdn stops working from w3cache plugin,

    wp-subscribers releases and output called

    define('DONOTCDN', true);

    how do i remove that?

  6. #6
    Junior Member
    Join Date
    May 2012
    Posts
    4
    I am also unable to get this plugin to work in conjunction with a cache plugin. I have tried both Super Cache and Quick Cache. When WP Subscribers is activated, I am unable to load a cached version of any page.

    I have tried this on both Chrome and Firefox browsers, while not logged in as Admin. The second I deactivate WP Subscribers, I am served a cached version of the page.

    I have also deactivated all plugins to verify that another plugin was not the culprit.

    Any suggestions on getting WP Subscribers to work with cache?



    Quote Originally Posted by Saad Naeem View Post
    i have max cdn installed on my my site and when ever i activate wp-subscriber , maxcdn stops working from w3cache plugin,

    wp-subscribers releases and output called

    define('DONOTCDN', true);

    how do i remove that?

  7. #7
    Administrator Admin's Avatar
    Join Date
    Dec 2010
    Location
    Toulouse, France
    Posts
    540
    as the code to show or not show the popup will be cached, we have to turn off the cache, otherwise you will always see the popup for example even if the user has entered his information. so for now, it is the best solution we have

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •