Thoughts on how to speed up my site? (Other site ideas.)
-
I was wondering if someone had a few minutes to talk a look at our site and see how to speed it up. I've ran some of the speed tests and I get different results, so I'm not sure if my site would be considered "slow" or not.
Also if there any other things that jump out at you (usability, side bar, things I should change / add / take away to make a users experience better, etc.) please let me know. Any feedback is good feedback to me.
I'm using WP Super Cache as well.
Thanks!
-
Paul,
Thank you very much for all the feedback. Such great info.
I've been working on improving many of these items over the weekend. I'm only using total cache, I set up a CDN, i took off on of the tabs on the activity widget and just let the popular posts. I'm trying to figure out how to resize the images better on the sidebar tab as you're right they are using css to rescale the images.
I'm actually saving up to have the site designed by a designer instad of my non-design self. But that's down the road as having something designed professionally isn't cheap (although it is worth it.)
I'm going to be working on your suggestions for the rest of the site. Thanks again for the feedback and for the kind words about our site. I'm really trying to help people through this site, and from the feedback we are getting it looks like it's been doing that.
Now I'm on the journey to make it an even better experience for people.
-
Be careful with WP Smushit. As mentioned it relies on Yahoo api that has been very unreliable, but it also uses memory mapping. If you exceed memory mapping (very easy to do on shared hosting) the plugin fails and can bring down the site with it.
-
Yea, I figured from some of the commentary and what I saw in his code he must have been acting on some of the suggestions right away. Just didn't want to assume, just in case
And yea, getting to the next level of performance may mean bigger changes like removing some items from the page altogether.
Paul
-
Looks like he's already implemented many changes since this question was posted. At the time, he was running just Supercache, now he's got W3TC, MaxCDN and he seems to have optimized some of the images.
Definitely agree with aiming for 1Mb or less per page, though.
-
First of all, just wanted to wish Noah a happy birthday!
You're right to be asking about speeding up your website, as there are a number of opportunities to improve page load times. I notice you also have questions posted asking about VPSs, and CDNs.The thing is, there is definitely an order in which these things should be tackled.
The first thing you must do is get your on page code as efficient as possible. The reality is that an inefficiently coded website can bring even the strongest of servers to its knees with just a little extra surge in traffic. It's never a good idea to try to make up for inefficient code by throwing additional hardware resources at the problem.
By default, WordPress is fairly easy to use and build, but that front-end simplicity comes at the cost of complexity and inefficiency of code on the back end. Every bit of functionality you add using plug-ins and widgets comes at the cost of additional files to load, more database calls to process, and more opportunities for someone else's inefficient code to get in the way.
In your case, your homepage is approx 2 MB in size, and some of your internal pages are over 4.5 MB. This translates into page load times anywhere from 10 to 25 seconds at typical cable Internet speeds. In practical terms, anything over 1 MB is awfully big.
Site speed optimization can be a fairly complex process, and needs an overall plan, rather than trying to implement one-off tactics and hoping for the best. I'd be happy to help you off-line to build up a plan, but in the meantime these are the kinds of things you should be taking into account:
- reduce the number of plug-ins and widgets adding content to your page to the bare minimum.
- Make sure the plug-ins/widgets you have chosen are the most efficient available in their class
- make certain photos are as efficiently compressed as possible, are being rescaled as opposed to resized in html, and be careful of using too many photos on any one page
- Ensure your caching plug-in is tweaked and tuned to be as efficient as possible for your server configuration.
Some specifics for you to think about:
- the Recommended sidebar widget (and to a lesser extent the Popular widget) are extremely inefficient in their use of images. Even though they're only showing 50x50px thumbnails, they're loading full-size images up to 550kb in the background.
- is there enough difference between Recommended and Popular for both to be of benefit to visitors?
- you're obviously using W3 Total Cache - hope you don't also have SuperCache enabled as well? If so, they'll compromise each other's performance. Only one caching plugin - ever.
- you have several different advertising networks providing ads to the page. Each one loads it's own set of backend scripts, many of which are VERY inefficient. Could you consolidate?
- you currently have over 1 megabyte of just Javascript loading on each page when target should be less than 1 MB for the whole page including content
- sidebar titles like "Like Us on FaceBook" have so little contrast from the background they're very hard to read (& likely disappear on dark monitors)
- you get so many comments on each post (a nice problem to have!) that it may be time to consider paginating the comments so that each page doesn't have hundreds of comments to load each time it displays
Overall, you're doing an absolutely kick-ass job with your website, from everything I can see. You're rocking the engagement and interest of your visitors, and you've tuned most of the things that are readily tuneable. The next level up in performance will require some tough decisions and perhaps even killing a few sacred cows. That's why I recommend you make a plan before randomly changing things.
With the way you're going, you may very well find that even the highly tuned site is going to outgrow shared hosting as a result of increasing traffic. If/when this does happen, you'll still benefit from having leaned out the website so it can take better advantage of whatever server hardware it's hosted on.
I'll close with a couple of really useful tools for visualizing exactly what's happening in the performance of your site.
First is webpagetest.org (if you haven't already found it) which allows you to run tests that directly mimic the experience a user and their browser would have. You can even have it test from different areas of the country, and using different typical Internet speeds. I usually test with the two lowest speeds, as they will cover the widest range of typical users including mobile.
The second is a plug-in called P3 Performance Profiler. It may seem counterintuitive to be adding another plug-in when what you're trying to do is reduce the complexity, but what P3 does is give you an actual readout of how much of your server's resources are being used by each of your site's plug-ins. You you can enable it for testing purposes, then turn it off again for normal running of your website.
No doubt this has created as many questions as it may have answered, so by all means fire away if you need additional clarification.
Paul
-
Pingdom says your page is 5.5mb big. But it loads pretty quick for me.
You can do alot better. Here's my recommendations.
1. Optimize your images before uploading. I would recommend the WP-Smushit plugin which does it on the fly, but lately the yahoo api hasn't been working.
2. Switch the W3 Total Cache. It does the same thing as Super cache, but there's some additional goodies.
3. Using W3TC, you should enable minify and combine for all the css and js. The plugin allows you to combine all your css and js in two files (from both your theme and other plugins).
4. Consider using a CDN. Again W3TC makes it easy. I use amazon cloudfront, and it's amazingly cheap. Essentially, you keep your current hosting, but actually serve all css, js, and images from the CDN. It makes an enormous difference.
-
Thanks. The host I'm using is really good, so I'm not sure switching hosts would be that different.
In regard to number of posts on home page, how many would you suggest?
-
After taking a quick look I would just utilize Cloud Flare (http://www.cloudflare.com). It is a free tool where they not only optimize your site with an increase of speed around 60%, but they also provide a CDN.
I tested this out a few weeks ago with a blog of mine and it took it down from 8 - 10 seconds to load, down to 1.8 seconds. Very impressive.
They also provide a Wordpress plugin.
No need to change hosting companies.
Two tools to help you as well.
-
Consider
- Moving to WPengine.com for hosting.
- Less posts on the home page.
- Compressing your CSS.
- Better optimization of images.
It was pretty quick for me. The slowest load was the externals, videos from you tube as it calls out for each one to "load" then in the browser.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
New ecommerce site: Close old site and full domain redirect or keep it linking to new site?
We have rebranded and are working on our new site (B). Our old site (A) has a much higher domain/page authority than our new site. Currently we have the original Site A still there, with all links/pages pointing to the new Site B when people click. I am unsure whether we'd be best to close down the Site A completely and do a full domain redirect to Site B. Site A: 10 years age and has a moderate amount of links to it.
Web Design | | ModowestNZ
Homepage - PA: 24 DA:11 Site B: 6 months age, few links
Homepage - PA: 1 DA:2 My concern with the full domain redirect is that the indexed/ranking pages would dissapear. The benefit is less brand confusion for our niche range of party accessories.0 -
Large Global Site Structure
Hi, I have a question about the advised structure for a website that I'm currently building. It's a large international brand with it's main office in the UK. The main website is the .com but there is a growing international franchisee network. I've built the .com site on Wordpress but I'm not sure if I the best way forward would be to create each international website on a separate hosted site or just include it in the .com Wordpress structure using the The WordPress Multilingual Plugin. So to sum up... should I build the entire global network on one domain and then use WPML plugin or should I build separate websites for each International franchisee? Hope some one can educate me on the best route to take. Thanks Moz Community
Web Design | | SeoSheikh0 -
May open the site's homepage...?
In mobile search results, many of my inner pages show the title tag, but the link is removed. And instead of showing the meta description, there is the following: May open the site's homepage
Web Design | | Dino64
Try anyway | Learn more Both "Try Anyway" and "Learn more" are links. Try anyway used to link to the homepage, but after we removed a redirect plugin and got rid of all the html mobile pages (now we're just using the Wordpress responsive layout), the link is now going to the correct page. So, it in fact, does NOT "open the site's homepage" any longer. But, we're still seeing this on mobile searches for our inner pages. It's been almost 3 weeks now. Any ideas on how to get this back to normal?0 -
Best way to indicate multiple Lang/Locales for a site in the sitemap
So here is a question that may be obvious but wondering if there is some nuance here that I may be missing. Question: Consider an ecommerce site that has multiple sites around the world but are all variations of the same thing just in different languages. Now lets say some of these exist on just a normal .com page while others exist on different ccTLD's. When you build out the XML Sitemap for these sites, especially the ones on the other ccTLD's, we want to ensure that using <loc>http://www.example.co.uk/en_GB/"</loc> <xhtml:link<br>rel="alternate"
Web Design | | DRSearchEngOpt
hreflang="en-AU"
href="http://www.example.com.AU/en_AU/"
/>
<xhtml:link<br>rel="alternate"
hreflang="en-NZ"
href="http://www.example.co.NZ/en_NZ/"
/> Would be the correct way of doing this. I know I have to change this for each different ccTLD but it just looks weird when you start putting about 10-15 different language locale variations as alternate links. I guess I am just looking for a bit of re-affirmation I am doing this right.</xhtml:link<br></xhtml:link<br> Thanks!0 -
404 page not found after site migration
Hi, A question from our developer. We have an issue in Google Webmaster Tools. A few months ago we killed off one of our e-commerce sites and set up another to replace it. The new site uses different software on a different domain. I set up a mass 301 redirect that would redirect any URLs to the new domain, so domain-one.com/product would redirect to domain-two.com/product. As it turns out, the new site doesn’t use the same URLs for products as the old one did, so I deleted the mass 301 redirect. We’re getting a lot of URLs showing up as 404 not found in Webmaster tools. These URLs used to exist on the old site and be linked to from the old sitemap. Even URLs that are showing up as 404 recently say that they are linked to in the old sitemap. The old sitemap no longer exists and has been returning a 404 error for some time now. Normally I would set up 301 redirects for each one and mark them as fixed, but there are almost quarter of a million URLs that are returning 404 errors, and rising. I’m sure there are some genuine problems that need sorting out in that list, but I just can’t see them under the mass of errors for pages that have been redirected from the old site. Because of this, I’m reluctant to set up a robots file that disallows all of the 404 URLs. The old site is no longer in the index. Searching google for site:domain-one.com returns no results. Ideally, I’d like anything that was linked from the old sitemap to be removed from webmaster tools and for Google to stop attempting to crawl those pages. Thanks in advance.
Web Design | | PASSLtd0 -
Site Activity, SEO, and behind login
I have a site that provides online education and as such, most of the user activity happens behind a login. This has me thinking about potential SEO impacts with a few questions that maybe someone could lend some light on: How important is activity (above just search activity) to the search engines Would it help to enter these pages, even though they're behind a login, into GA as we have with the front-end of the site Does a subdomain make a difference (right now we implement the course as a subdomain of the main site Lastly, as I was looking at compete.com, I am wondering how they get these use statistics?
Web Design | | uwaim20120 -
Site Redesign: Bounce rate, converstion, page views, etc.
Hi Fellow Mozzers, I had a few questions regarding some analytics data we have been seeing since our redesign. Just last week we did a site design overhaul at www.lylif.com. One of the biggest changes we immediately saw was a 15-20% increase in our bounce rate. However, our conversion rates, page views, pages per visit, and site duration has increased. If anyone has some insight as to why we may be having such a large increase in our bounce rate that would be most helpful!
Web Design | | lylif11 -
How to serve a Mobile & Full Site using one URL?
Hello, Does anyone know of any resources or tutorials that outline how to serve a smartphone-formatted website using the same URL as the full site? I know that one solution is using media-queries to serve a seperate CSS stylesheet, but you still have the full HTML source code. In other words, I might want to serve a smartphone & desktop user different content, but under one URL. WP Touch (Wordpress Plugin) is a perfect example of what I mean, but how is it technically achieved? It serves two different sets of HTML for smartphone & full, but using one URL http://www.bravenewcode.com/store/plugins/wptouch-pro/
Web Design | | petecampbell-bmi0