Web Dev, Linux, WordPress & More

5 Free Ways to Bulletproof Your WordPress Site

by eric on October 21st, 2009 in: WordPress

These notes correspond with my WordCamp Seattle 2009 presentation of the same name. You can also view video of this presentation at WordPress.tv.

What Does “Bulletproof” Mean to me?

A bulletproof site is:

  • Usable
  • Accessible
  • Secure

Most importantly, a bulletproof site provides both your users and you with a satisfying experience, regardless of browser type, network speed, physical abilities, or preferences.

I’m going to highlight some easy tools to help you:

  1. Keep on top of backup and maintenance
  2. Tighten up security
  3. Speed up performance
  4. Identify usability & accessibility issues
  5. Increase usability by improving search

Backup & Maintenance

Here are some important things you need to know about backup and maintenance:

Backup regularly: I know it should go without saying, but I’ll say it again anyway: Backup regularly!

They say “it’s only important to backup the stuff you want to keep,” which for me includes custom themes and plugins and, most of all, databases.

Know your host’s backup policies and tools: Your web host should provide you with handy-dandy backup tools; spend some time familiarizing yourself with them.

Find a plugin that makes backup and maintenance easier: There are a bunch of great backup plugins. One of my favorites is WP DB Manager by Lester Chan.

WP-DBmanager Backup

WP-DBmanager Backup

WP DB Manager lets you configure automatic backup and maintenance on your WordPress database and will even email you regular backups. I highly recommend having regular backups of your database emailed to you–better safe than really, really sorry!

Beef Up Security

Another thing that should go without saying–but merits oodles of repeating anyway–is KEEP WORDPRESS AND YOUR PLUGINS UPDATED! Yes, it’s so important it even needs to be written entirely in caps.

Paying attention to security has saved my bacon enough times to supply a year’s worth of deliciously high-cholesterol breakfasts!

Tips for beefy security:

WP Security Scan

WP Security Scan - Audit Security on Your Site

WP Security Scan - Audit Security on Your Site

WP Security Scan looks at your WordPress setup and file system configuration for potential security vulnerabilities and provides tools and advice on how to patch them.

Speed it Up!

A bulletproof site is a speedy site!

Google claims that a 500 millisecond increase in loading time reduces their traffic and advertising revenues by 20%! Amazon has reported that each 100 millisecond increase in load times reduces their conversion rates by 1%.

These are pretty darn convincing argument for the importance of speed.

Here’s what you can do to ensure your site has all the zip it needs:

Be prepared for traffic:

Yahoo's YSlow Plugin Finds Performance Bottlenecks

Yahoo's YSlow Plugin Finds Performance Bottlenecks

  • Have good hosting infrastructure & make sure your host can quickly and easily support your site’s growth
  • Tailor images & code for use on the web
  • Reduce the number of requests to the server
  • Offload media to other domains
  • Use plugins judiciously
  • Enable a caching plugin like WP Super Cache by Donncha O Caoimh

Test your site’s speed with these Firefox plugins:

Both YSlow and Page Speed are Firefox plugins that help identify and fix performance bottlenecks. You definitely want to avoid having a rotten rating like this!

Use the Firefox Web Developer Toolbar

Why? Because it’s amazing!

The Firefox Web Developer Toolbar by Chris Pederick is easily my favorite tool for:

  • Development: Write CSS & HTML and see the effects in real time
  • Troubleshooting: Troubleshoot HTML markup & CSS
  • Testing: Test sites for common usability & accessibility issues
Firefox Web Developer Toolbar

Firefox Web Developer Toolbar

Development:

Test changes on the fly with the Web Developer Toolbar

Test changes on the fly with the Web Developer Toolbar

With the Web Dev toolbar, you can view and change CSS and HTML and see the effects instantly. It’s a great way to locate troublesome layout issues.

You can even use it to save changes locally; in fact, this is how I code 95% of my CSS.

Troubleshooting:

If you visit the WordPress forums, you may notice that people have tons of layout and theme issues caused by simple HTML or CSS mistakes.

The Toolbar helps you find and fix errors by making it easy to validate online, or local, HTML and CSS.

Testing

Testing your site is very important and often overlooked. The Web Dev Toolbar is an invaluable testing tool. Here are some ways I use it:

Disable CSS

Disable CSS

Disable CSS:

Stripping your site bare by disabling CSS gives you a good idea what search engines and screen readers encounter when they visit your site.

A bulletproof site makes sense and is easy to navigate even when it’s not dolled up with fancy CSS makeup. Good, semantic markup helps both users and search engines.

Disable images:

What happens when you turn off images? There are still people on dial-up, and eliminating images can really speed up load times.

Disable Images

Disable Images

The New York Times website is a great example of the way a bulletproof site functions without images. For your site to be bulletproof, you should be able to answer “yes” to the following questions:

  • Can you still navigate and make sense of the site?
  • Is there alt text for the images?
  • Is the site branding still visible?

Disable JavaScript:

It’s not uncommon for users or security software to disable or filter JavaScript, and the Web Dev Toolbar makes it easy to see how your site functions without JavaScript.

Disable JavaScript

Disable JavaScript

Here’s a great example from Fickr, whose site makes wonderful use of JavaScript. Notice that even with JavaScript disabled, Flickr still works. They even present us with a handy message letting us know that our experience would be better if we had JavaScript. That’s graceful degradation!

Disable JavaScript with the Web Dev Toolbar and ask yourself:

  • Does the site degrade gracefully?
  • Is there an alternate version or message for users without JavaScript?
  • Can you still navigate the site?
  • Do forms and behaviors still work?

Validate WAI/508 Accessibility:

Test Accessibility

Test Accessibility

Just as you can validate HTML and CSS with the Web Developer Toolbar, you can also use it to send your pages through Section 508 and WAI Accessibility validators.

The Toolbar will:

  • Show you major accessibility issues
  • Link to usability checkpoint definitions

While automated online tests aren’t the best way to test accessibility, they’re a great start, so take advantage of this handy feature.

Improve Search for Better Usability

I can’t emphasize enough how important search is for a website’s usability and accessibility. There’s a reason Google is a household name — they’ve proven that better search equals better usability… which equals more traffic!

As sites grow, search only becomes more critical. WordPress has a search feature that was created for blogs. Unfortunately, it just ain’t good enough for a bulletproof site. (Please don’t tell WordPress search I said that, though; there’s no need to go hurting its feelings.)

Here’s How WordPress search is flawed:

A WordPress search for “hosting” on our WordPress-powered business site produces this:

WordPress Search Results

WordPress Search Results

  • The results are listed in reverse chronological order, which is okay for blogs, but isn’t necessarily good for businesses
  • The results aren’t the most relevant
  • The search terms aren’t highlighted
  • When content grows, search gets worse

Meet Relevanssi, the bulletproof WordPress search solution:

Fortunately, I found a solution with Relevanssi, a fantastic search plugin by Mikko Saari. Yay!

Here’s what happens when I search for “hosting” using Relevanssi:

WordPress Search with Relevanssi

WordPress Search with Relevanssi

The results are ordered by relevance and the search terms are highlighted. But that’s not the only reason that Relevanssi instantly became one of my favorite plugins!

Relevanssi lets you:

  • Include only posts, only pages, or both
  • Index comments, tags and custom fields
  • Expand shortcodes before indexing
  • Limit results to certain categories or tags
  • Log searches
  • And much more!

Best of all, the more content you have, the better your search becomes! Now is that spiffy or what?

The Wrap

I know this is a lot of info, and it just scratches the surface of each topic, but hopefully you’ve found something helpful. Feel free to contact me if you have any questions.

I appreciate all those who attended, organized and sponsored WordCamp Seattle and I look forward to seeing you at an upcoming WordCamp!

The Wrap

Again, if you’d like to see me speed-talk my way through this presentation, head on over to WordPress.tv to view video of this presentation

23 Responses to ' 5 Free Ways to Bulletproof Your WordPress Site '

Subscribe to comments with RSS or TrackBack to '5 Free Ways to Bulletproof Your WordPress Site'.

  1. Anne said:

    October 21st, 2009 at 12:52

    Hey, Eric! You were talking way too fast at WordCamp for me to write all this down. Now I can go through and really absorb it. Thanks for sharing! It’s a great resource.

  2. eric said:

    October 21st, 2009 at 12:55

    You’re right – the only way I could make it through in five minutes was to speak like a fax machine. :)

  3. Jauhari said:

    October 24th, 2009 at 17:28

    For Enhanced Searching I found another solutions, using Search Unleashed do a good job too ;)

  4. […] 5 Free Ways to Bulletproof Your WordPress Site: Eric’s presentation from WordCamp Seattle that can also be watched on WordPress.tv Some of the interesting parts include backup, security, performance and general tips including improving search and usability, all with links to relevant plugins and tools. If you are new to WordPress or want to refresh your blog, this is a good read through. Thanks Linked In messages. (No Ratings Yet)  Loading …   Tags: bulletproof WordPress, WordPress Tips Visited 1 times […]

  5. October 26th, 2009 at 19:10

    thank you for making our blog more secure….

  6. eric said:

    October 26th, 2009 at 23:00

    @jauhari – I’ve only messed with Search Unleashed a little, but it looks cool too.

  7. October 27th, 2009 at 01:30

    […] 5 Free Ways to Bulletproof Your WordPress Site | sewmyheadon.com (tags: wordpress security optimization plugin) […]

  8. Gary said:

    October 27th, 2009 at 04:35

    Eric,

    Great stuff and just what I was looking for…many thanks for the information!

  9. Sietse Smith said:

    October 27th, 2009 at 10:23

    hmm, never thought about the safety of my sites!

    Thanks for the tips, I’ll definitly look into it to make sure I don’t get screwed!

    cheers,
    Sietse

  10. October 27th, 2009 at 12:20

    Fantastic posting on reinforcing the WordPress backbone. I am constantly do check after check, and reading these tips on javascripts will help me re-evaluate my sites function. I have issues with having too many scripts loading thanks to plugins. Right now I have ANOTHER plugin to boot my scripts to the footer. It seems to help some, but I need my scripts consolidated.

    Anyone have advice on streamlining multiple javascript types?

  11. […] 5 Free Ways to Bulletproof Your WordPress Site: Eric’s presentation from WordCamp Seattle that can also be watched on WordPress.tv Some of the interesting parts include backup, security, performance and general tips including improving search and usability, all with links to relevant plugins and tools. If you are new to WordPress or want to refresh your blog, this is a good read through. Thanks Linked In messages. […]

  12. October 27th, 2009 at 19:38

    […] 5 Free Ways to Bulletproof Your WordPress Site – Disturbing graphic but pretty good set of tips. […]

  13. October 29th, 2009 at 01:03

    […] 5 Free Ways to Bulletproof Your WordPress Site | sewmyheadon.com — 6:47am via […]

  14. […] recently gave a presentation at WordCamp Seattle 2009 entitled “5 Free Ways to Bulletproof your WordPress Site,” which gives some spiffy tips on making your WordPress-powered site more secure, usable, and […]

  15. Andre Kalis said:

    October 30th, 2009 at 11:22

    Wow, what a package of new information to me!

    I have work to do on my blog. Thank you very much for all this invaluable information.

  16. eric said:

    October 30th, 2009 at 11:25

    Thanks for great feedback folks! I’m really glad you’ve gotten something out of this post and video.

    @QBall – I’ve not really dealt with that issue. Despite my recommendation of plugins, I tend to be on the conservative side; only using plugins when I must.

    I’d definitely like to hear how you, and others, handle it.

  17. November 1st, 2009 at 00:32

    […] 5 Free ways to bulletproof your WordPress site […]

  18. November 2nd, 2009 at 15:01

    […] Shared 5 Free Ways to Bulletproof Your WordPress Site | sewmyheadon.com. […]

  19. […] Shared 5 Free Ways to Bulletproof Your WordPress Site | sewmyheadon.com. […]

  20. November 3rd, 2009 at 02:01

    […] 5 Free Ways to Bulletproof Your WordPress Site | sewmyheadon.com – Nicht rasend überraschend – aber hilfreich […]

  21. Mark said:

    February 28th, 2010 at 11:30

    I was excited to try this, but got this when I first attempted to create the index:

    Fatal error: Call to undefined function mb_ereg_replace() in /home/climateg/public_html/wp-content/plugins/relevanssi/relevanssi.php on line 1259

  22. eric said:

    March 1st, 2010 at 11:12

    Strange, Mark. I haven’t had any problems with this. I’d look in the WordPress Forum, if you haven’t already:
    http://wordpress.org/tags/relevanssi?forum_id=10

  23. May 24th, 2011 at 11:30

    […] Shared 5 Free Ways to Bulletproof Your WordPress Site | sewmyheadon.com. […]

Leave a Reply

%d bloggers like this: