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.
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
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
-
Site redesign - 301 Redirects
I've just overhauled a website, leaving lots of former posts in the dust. I've set up a 404 redirect to the home page so that if anyone goes to one of those old pages they land on the home page instead of a dead 404. But, there's a couple urls from the old site I'd prefer to redirect to similar pages. These urls have forward slashes and I don't know how to get the slashes in when I copy it over to the new site. This is probably something easy, but I'm baffled. This www.lawbarron.com/personal-injury/whip-its-nitrous-oxide/ becomes this when I copy it www.lawbarron.com/personal-injury-whip-its-nitrous-oxide Can someone help me out?
Web Design | | julie-getonthemap0 -
Is switching from a very old HTML table site to HTML5 going to make a big difference
Hello, My site owner has been having calls that our old HTML site needs to switch to HTML5. Is it really worth the ubgrade from an archaic HTML site? Please explain. Bob
Web Design | | BobGW0 -
Wordpress Site Structure and H1 Tags
We are working on optimizing a client's website and asked the client's webmaster to change a handful of H1 tags. The webmaster said they could not do to the existing names being pre-set in the design. The website is built in Wordpress. The client has repeating H1 tags due to the 'design'. I have attached a snapshot of the backend. Is there a rule around Wordpress site structure where this doesn't happen? Is it worth changing? If so,what is the best solution. Thank you ahead of time. ylAMvNg.jpg
Web Design | | seoessentials0 -
Site structure and blog tags for local with five locations
I have a client who has five locations. Their current web site was structured very well for the pre-penguin and Panda world. However it does not seem to do as well after these changes. I believe it would serve them both with their customers as well as on Google if they localized the site for each location. Currently all the content on the site if focused on one location that is in the largest metro. On the content side we have a plan to produce local content and blogs for each location. My questions are how to go about structuring the site map and blogs to provide the most local juice. I was also wondering how to properly mark up a site with a main trunk and five local branches. I am also trying to figure out how to structure the tags on the blog. On the site map itself I was planning on maintaining all the content as well as the older blogs in the main trunk of the web site. Under this trunk there is a locations page that currently goes to five pages that simply have an address as well as a bulletin board of upcoming events. The blog is directly off the main page with no tie to any location. Here are my thoughts on what I think we should do: I believe we should create a mini web site starting at the location page that has specific content and navigation related to each location. That the content should focus on the specifics of that area and what would serve that clientele the best. We should add to each branch location based on the key words and competition in that area. The blog off the main web site should continue to house the general categories that are already there as well as any other general posts. I think we should add a link to each store page with a location specific blog in each mini location site. Each mini location site should have it's own blog with specific blogs targeted towards the local market. This local blog would also feed in the general blogs from the "trunk" as they are posted. Relating back to my original questions: is what I outlined the right approach or is there a more effective way to do this? Is there any special mark up I should do to tell the directories what to do? How do I structure the tags for the blog? I was thinking of a structure like this: General blog/category/subject under the main structure : local blog/category/subject Any ideas of input on this? Ron
Web Design | | Ron_McCabe1 -
How SEO friendly (or unfriendly) this site structure is
We have a client who wants a site structure like this http://thethomasoliverband.com/home - try to scroll down on the content and see how the url of the site changes. Would there be any problems on trying to SEO this type of structure?
Web Design | | paulct0 -
What is the current thought how/if cufon affects keywords?
What is the final opinion about how (and if) cufon affects keywords in H1 tags?
Web Design | | Court_LOQUA0 -
Finally have a budget for a great seo ecommerce site but need help choosing wordpress, joomla, modx, magneto or? Thank you in advance for your generosity of time
We finally have a budget and want to dump our intuit/homestead site www.originalartbroker.com Our budget is 5k-10k but could do more if needed. I am slowly catching my competition with this homestead site that I built. But I do realize it is time to step back, figure out what is best, and hire a pro to get the job done. I am green in the seo and web development arena so please go easy on me and please help to point me in the right direction. Just went out on a limb a couple years ago playing with homestead.com site software and built what we have today. Didn't know anything about website development...it sort of just happened. I feel and know that homestead.com solution is hindering what we could be doing due to the bloated nature of the site and inability to perform such task as 301 redirects etc.... I have been able to slowly attain first page seo rankings on keywords based of the artists we carry using this po-dunk homestead platform to build my site after a ton of work education thanks to seomoz and a lot of you. But, have never asked for help and could really use some generosity of time in explaining a solution that would work best for our business. Do we just go with a wordpress site that is similar to our current setup and use their plugins? Do we use a cms software solution like magneto or joomla? We will only have 200-300 pieces at any given time. We are constantly selling and buying new pieces providing us content. We are need of a site that can perform well in terms of seo. I have heard of a lot of people talking about joomla, wordpress, and magneto. Would like to be able to have a product catalogue that ultimately sends whatever inventory we are uploading to our social sites and blogs so I don’t have to pump the product out to all of these sites. We offer free custom framing with our pieces and it would be nice to have a program that could wrap the photos of the pieces with the different frames for our customers. When I add a new piece I would like this software to have a predesigned product page that it plugs the information into. I would like it to create the url extension based of the artists name, medium used, and piece name to create unique and individual urls. I would like it to also create its own H tags throughout that product page according to the artist name description, and medium used. I would like to be able to sink this up to google merchant and other sites to carry our product. Bottom line is we sell art. We sell pieces by specific artists. We are constantly buying and selling. I need something powerful that keeps up with our content
Web Design | | forecastedinvestments1 -
What's the best was to structure Product page information on my site?
Hi - I run a hobby related niche new / article / resource site (http://tinyurl.com/4eavaj4). One of the most critical components of the site is our product database. We don't actually sell anything directly - instead we monetize them by displaying relevant affiliate product feeds and price comparisons. However since the Panda update was implemented in February my traffic (particularly my long tail, product related traffic) has dropped off considerably. I had about a 20% drop in overall traffic, but have made up some of the ground in the past week. However I want to know once and for all how I should structure my product related information as I have a ton of great content that is ready to be published in this section but want to be sure I structure it the best possible way from a SEO standpoint. Here are a few different options I've come up with for displaying information about products on my site. For the purpose of these examples I am going to refer to all of the information that makes up my product pages collectively as "product profiles". Please let me know which is the best SEO wise (or if you have a better way of doing it let me know): - Option 1 - Current Method - Divide Content Sections into different pages / urls Example: http://tinyurl.com/4tpdlbl This is how the majority of my product profiles are currently structured. I did this to improve load times and to keep the total number of links per page down. In addition to the core product profile subpages: "Product Details","Compare Prices", **"**Product Review", "Hot Auctions", and "Checklists", I have the Checklists area further segmented by subset, each of which is on its own page that is only accessible through the main Checklists tab of the profile. - Option 2 - Everything on one url / page the old fashioned way, with everything available by scrolling vertically. This would make the page go on forever though. - Option 3 - Everything on one url / page, but visually segmented using css / javascript tabs. Example: http://tinyurl.com/4kqhauh I looked at the source code and all the page text is there, so it looks like it would be spider-able but you tell me. Or would another method of tabbing be better? My site is wordpress based so the functionality comes from a plugin. - Option 4 - Use post tabs that are technically all on the same page, but make each individual tab be accessible through its own suburl, all of which share the same core canonical url. Example: http://tinyurl.com/4bs9pjs Clicking on any of the individual tabs will result in something like ?postTabs=2 being appended to the core url. Example: http://tinyurl.com/4gvgufc Any input would be greatly appreciated asap! Thanks Mike
Web Design | | MikeATL0