Jump to content
Simon

The quest for speed.

Recommended Posts

tsalstrand    8
tsalstrand

I want to back up Danny on what he said above and add a few things.

Get a VPS (Virtual Private Server)... there are tons of options, but Hostgator offers them, starting at $19/mo.  That's cheap!  Yeah, shared hosting might only cost you $5-$9, but come on... 

Caching
Use W3tc (W3 Total Cache)... I use it all the time and just last night I took a client's site that was loading around 9000ms with a page size of 860kb and 55 requests down to 1250ms on the load time.  Then added a CDN and he was getting around 0850ms on load times.  I can consistently get sites under 1 second load times with W3tc.  Also remember, if you have additional folders/subdomains that are not on WP, set caching in your .htaccess file.

In using a CDN, I prefer Rackspace.
 

Share this post


Link to post
Share on other sites
Nick II    0
Nick II

Just wanted to add that Pagelines doesn't work great with Site5 shared hosting. Everything works great up until you get to the Pagelines setup stuff (page options, drag & drop, etc), nothing loads.

Here's to wasting a few days transferring and checking the sites. I wouldn't mind if Platform pro worked bad on Site5 too, but it worked great! Annoying.

Share this post


Link to post
Share on other sites
Simon    247
Simon

Perhaps you should open a support topic.

Share this post


Link to post
Share on other sites
markmanson    0
markmanson

I also use W3 Total Cache and recommend it. We are also using MaxCDN at the moment, which seems to be recommended everywhere.

 

Some useful websites for testing and improving your website's speed:

Google Pagespeed: https://developers.google.com/speed/pagespeed/insights

Pingdom Tools: http://tools.pingdom.com/fpt/

YSlow: http://developer.yahoo.com/yslow/

WebPageTest: http://www.webpagetest.org

 

I have a question for the experts. I successfully set up MaxCDN and W3 Total Cache for our blog, but Pingdom Tools still reports that files are not loaded from a cookieless domain. How do I make this happen?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

@MarkManson - Please create a new topic.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
brightonkeller+    0
brightonkeller

I want to back up Danny on what he said above and add a few things.

Get a VPS (Virtual Private Server)... there are tons of options, but Hostgator offers them, starting at $19/mo.  That's cheap!  Yeah, shared hosting might only cost you $5-$9, but come on... 

Caching
Use W3tc (W3 Total Cache)... I use it all the time and just last night I took a client's site that was loading around 9000ms with a page size of 860kb and 55 requests down to 1250ms on the load time.  Then added a CDN and he was getting around 0850ms on load times.  I can consistently get sites under 1 second load times with W3tc.  Also remember, if you have additional folders/subdomains that are not on WP, set caching in your .htaccess file.

In using a CDN, I prefer Rackspace.
 

hey! I have ALL this except I haven't messed with a CDN because I'm nervous. but people STILL complain about my page speed. I have my own VPS/dedicated server. 

Share this post


Link to post
Share on other sites
Rob    547
Rob

Brighton,

 

I've just replied to you in another topic you opened on this subject.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
jbrouwer    5
jbrouwer

Some other tips not mentioned above:

 

  1. Optimize your images for the web before uploading them + install smush it.
  2. Often plugins load their js and css files on all pages! Instead of only on those where they are needed. This can dramatically slow down your site completely unnecessary. Contact the developer to change this and in the meantime dequeue them on all other pages or at least on the most important pages, e.g. your homepage. See http://www.position-relative.com/2010/wordpress/wordpress-only-load-plugins-on-pages-that-need-them/ and http://www.position-relative.com/2010/wordpress/wordpress-only-load-css-stylesheets-on-pages-that-need-them/ on how to do this.
  3. Together with the CDN, use CNAMES to load your content from different domains.
  4. With W3TC you can also setup a CDN.

Cheers. 

  • Like 1

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Thanks for the input JBrouwer!


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
lakersalex    4
lakersalex

What about mysql database optimizations? My host (bluehost) reports that the database shows slow queries, and suggests adding indexes. I've searched around and the explanations are not clear to me, probably because I'm not experienced in tweaking the database.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Personally, I'd advise against using tools to optimize the database as this could literally wipe out your site if one little thing goes wrong.  It could also cause breaks in links, code, etc.

 

WordPress is designed to deal properly with your database and millions of websites have exceptional speed with massive databases, including my own, with over 40,000 posts and pages and nearly 110,000 images.  I'd recommend using MaxCDN to optimize the speed by offloading javasccript, images and other code to minimize the page load time.  Also, make sure your images aren't too big. Lastly, always make sure your plugins are up to date and are compatible with the latest version of WordPress.  Deprecated or outdated plugins probably will do more damage to speed than anything else.  Having too many plugins doesn't help either, so my rule of thumb is, if you don't need it, delete it. 

 

Hope this helps everyone.

  • Like 1

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
James Giroux+    2
James Giroux

Hey, thanks for all these suggestions, they've definitely helped with my page loading speed.  I will say that the slowest file my site processes according to almost all the speed tests I've done is the CSS compile from pagelines.  Not sure where the right place to post this is, but I'm just wondering what the thinking is going forward on how to optimize the compile better and reduce the size of the page load.  I'm not leaving pagelines any time soon but I think moving forward this is one of the biggest challenges for PL.  

 

My sites are hosted by MediaTemple (on a Dedicated Server) running MaxCDN with W3 Total Cache & CloudFlare.  My pageload time averages around 6s to 7s with the CSS compile taking up about 3.5s or longer.  

 

Thanks for all the great work your team is doing.

 

James.


James Giroux, CEO
Groundwork

Share this post


Link to post
Share on other sites
James Giroux+    2
James Giroux

Hey All.  I just wanted to follow up on my last post and say that I switched from W3 to Super Cache and the speed difference is incredible!  Super Cache loaded way faster, was easier to understand and set up and works well.  Speed Test on GTMetrix jumped from a C to an A.  Go figure.

 

James.


James Giroux, CEO
Groundwork

Share this post


Link to post
Share on other sites
Rob    547
Rob

Thanks for letting us know.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
dokether    4
dokether

For anyone experiencing issues with the CSS/LESS compiler not firing completely on their shared hosting environment due to a lack of memory, here's what I did:

  1. If you try to crank up the RAM through wp-config.php and it doesn't make a difference, then it's unlikely that the server will ever have enough memory to properly compile all of the CSS/LESS files.
  2. Most likely, if you're a bit of a developer, you probably have a "local" version of the site on your own computer.
  3. Open up the Pagelines generated css file on the local version and copy that rather long line of css
  4. Paste into the style.css file of the child theme of your online site and save

This will have all of the compiled css rendered/minimized for you and put into style.css which means that your site will still look the same. The site will still attempt to load the Pagelines file, but that extra server "hit" will be solved with a caching plugin mentioned previously in this post.

  • Like 1

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Thanks for the updated information 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
Martin Bay    20
Martin Bay
Here is what I use
 
WP Super Cache because it has a nice and simple user interface for setup and is the simple to install. Also it have integration with CDN which is a great plus. If you only want CDN integration i can recommend OSSDL CDN Off Linker.
 
A little helpful plugin is WP-Optimize which helps you to keep your database clean by removing post revisions and spam. Additionally it allows you to optimise your wordpress database (use with caution – I can recommend you do regular database backups so you can alway revert back if any thing goes wrong).
 
Another useful plugin is Quick Page/Post Redirect DEV to Redirect Pages, Posts or Custom Post Types to other locations.
 
Last I should mention Broken Link Checker, which checks your blog for broken links and missing images and notifies you on the dashboard if any are found. It’s great to keep track of the many outgoing links and keeping them up to date.
 
DV hosting from MediaTemple 
 
Content Delivery System – CDN
 
Read more about my WordPress setup for a photography blog.
  • Like 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      every since Chrome introduce scroll anchoring (see chrome://flags) blog posts on my page start scroll automatically as soon as the user scrolls down a bit. It is super annoying and I don't know exactly what triggers the incompatibility with Chrome's latest feature that is supposed to improve usability.
      Since I don't know what causes it (Pagelines, or a Plugin), I would like to disable the feature using a CSS override that Google describes as follow:
      "Scroll anchoring aims to be the default mode of behavior when launched, so that users benefit from it even on legacy content. A CSS property overflow-anchor can disable scroll anchoring in part or all of a webpage (opt out), or exclude portions of the DOM from the anchor node selection algorithm. This property supports the following values when applied to an element E:
      overflow-anchor: auto (the default value) declares that the DOM subtree rooted at E is eligible to participate in the anchor node selection algorithm for any scrolling box created by E or an ancestor of E. overflow-anchor: none declares that the DOM subtree rooted at E is not eligible to participate in the anchor node selection algorithm for any scrolling box created by E or an ancestor of E." Do you guys happen to know how to use that property with the ROOT element so it applies to the whole page?
      Thanks
      Michael 
    • jeomiland
      By jeomiland+
      In DMS2 there was a button to click to flush pagelines cache. Don't see this in platform5. Am having a big problem with caches. Have W3 Total cache plugin, but now even if I deactivate it, the code in css/less seems to not be registering??? I can delete all custom css, save, then add just a bit of the css (that used to work just fine the other day) and that small section of css takes effect. Then when I paste the whole css (that worked fine the other day), it seems to not work???
      About to restore DB backup from a couple days ago to see if that solves it, but it's a drag that this issue exists. Makes it hard to finetune the site.
      Thanks for help
      site is: http://permacultureecovillage.com/lev2017/
      lev styles most recent.css.rtf
    • wyo22ski
      By wyo22ski+
      Hello,
       
      I'm basically a designer and understand a little on how to change CSS, etc., so please excuse my ignorance...  I recently upgraded to the newest platform from the DMS and my old DMS theme no longer functions.  I'm trying to replace the image slider that my Horizon Photography Theme (Nick Haskins) had created.  The Impulse image slider seemed the closest to what I need, but there are problems.
      It seems the the Impulse section for sliding images defaults to the image width, no the height.  I can change the Impulse stage height and width, but this does nothing to the internal content.  For instance, if I change the height to 200 pixels, the image remains the full width and only shows a cropped section.  I would like the ability to change the Impulse height, and have the image height fit space. 
      I've put this custom CSS in, but again, this only controls the stage height of Impulse:
      .pl-sn-impulse .pl-impulse-cell .cell-wrap, .pl-impulse-container, .owl-stage-outer {
        width: 100%;
      }
       
      Any suggestions welcome.  Thanks 
    • Objectif-Mariage
      By Objectif-Mariage+
      Hello. 
      I have just realized that CSS (Less plugin) , is not working..... I have disable all plugins (except PL CUSTOM LESS and PL5) , and ... it's not working ... 
      It's not the first time. Usually I had trouble with a plugin name Autoptimize , but it's Desactivate now , all memory have been purge, and it's still not working! :-/ So it's not from this plugin. 
      NB : When I am logged on my website, if i go on the black wordpress dashboard bar, go on the PL icon, clic on </> LESS/CSS => then the page suddenly apply the CSS .... But As soon that i reload the page, nothing. I think the problem is that the plugin LESS/CSS does not load properly (if I can say that with my simples words).
      I order to keep the site "good looking" I have temporally copy/paste all my LESS code in a plugin : Script n Styles that apply the LESS/CSS code... but it's not a solution for long time.
      Can someone help me ? Did I do something wrong ? Is it an update ? 
       
      my website : https://www.wedding-photography-minneapolis.com
    • Jason
      By Jason+
      Feel free to delete this post if its not helpful or its just plain wrong.
       
      I though it might be useful to share how I customize the size of the builder. (reduce my eyestrain )
      1 - install stylerbot extension in chrome (stylerbot keeps this css every time you access the url)
       
      2- add this css to stylerbot for the site you are working on
      .CodeMirror {
          font-size: 14px;
          height: 600px;
      }
      .pl-workarea.pl-has-sidebar .pl-workarea-sidebar-container {
          right: 0px;
          width: 500px;
      }
      .pl-workarea.pl-has-sidebar .iframe-container {
          right: 500px ;
      }
       
      change sizes to suit.
       
      Cheers.
×