Speeding Up Your Site: An Introduction to WordPress Performance Optimization
29
[email protected] | WWW.SIMDEX.ORG | 414.455.6675 SPEEDING UP YOUR SITE: AN INTRODUCTION TO WORDPRESS PERFORMANCE OPTIMIZATION GEOFF MYERS PRESENTS
-
Upload
geoff-myers -
Category
Internet
-
view
378 -
download
0
Transcript of Speeding Up Your Site: An Introduction to WordPress Performance Optimization
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
SPEEDING UP YOUR SITE: AN INTRODUCTION TO WORDPRESS PERFORMANCE OPTIMIZATION
GEOFF MYERS PRESENTS
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
BEFORE WE BEGIN…
THIS PRESENTATION IS AVAILABLE ONLINE:
simdex.org/fast Get In Touch:
414.455.6675
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
BEFORE WE BEGIN…
ABOUT GEOFF MYERS▸ Founded SimDex in 2004
▸ Web Solutions for Small + Medium Sized Businesses
▸ Digital Marketing Consultant + Strategist
▸ 10+ Years as Full Stack Web Designer + Developer
▸ 5+ Years of WordPress Development Experience
▸ 50+ WordPress Sites Built, Maintained + Marketed
▸ Academic Background in Computer Science
▸ Get In Touch: [email protected] or simdex.org or 414.455.6675
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
BEFORE WE BEGIN…
WP MAINTENANCE PLANHow You Benefit:
▸ We Do Everything For You
▸ Unlimited Minor Changes + Revisions
▸ 24 Hour Response Time Guaranteed
▸ Your Total Peace of Mind
▸ Monthly Phone Consultations
▸ No Hourly Fees or Additional Costs
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
BEFORE WE BEGIN…
WP MAINTENANCE PLANFeatures + Services Included:
▸ Backups
▸ Monitoring
▸ Speed
▸ Changes
▸ Reports
▸ Support
▸ Consulting
▸ Security
▸ Updates
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
AN INTRODUCTION TO WORDPRESS PERFORMANCE OPTIMIZATION
WHY SHOULD I CARE ABOUT WEBSITE PERFORMANCE?
▸ Good performance =
😊😍👍💰💵
▸ Bad performance =
😠😩🖕💣☠ ▸ Not convinced?
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
AN INTRODUCTION TO WORDPRESS PERFORMANCE OPTIMIZATION
HOW IMPORTANT IS PERFORMANCE OPTIMIZATION?
▸ Amazon sees a 1% decrease in revenue for every 100ms increase in load time.
▸ Source: http://radar.oreilly.com/2008/08/radar-theme-web-ops.html
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
AN INTRODUCTION TO WORDPRESS PERFORMANCE OPTIMIZATION
HOW IMPORTANT IS PERFORMANCE OPTIMIZATION?
▸ Instagram increased impressions and user profile scroll interactions by decreasing the response size of the JSON needed for displaying comments (by 33% for the median and 50% for the 95th percentile for the main endpoint).
▸ Source: http://engineering.instagram.com/posts/193415561023919/performance-&-usage-at-Instagram
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
AN INTRODUCTION TO WORDPRESS PERFORMANCE OPTIMIZATION
HOW IMPORTANT IS PERFORMANCE OPTIMIZATION?
▸ TRAC Research found, in a survey of 300 companies, that the average revenue loss for an hour of downtime was $21,000. For the same set of companies, average revenue loss due to an hour of slow performance (defined as load times exceeding 4.4 seconds) was $4,100. Website slowdowns occurred ten times more often than outages.
▸ Source: http://www.slideshare.net/KenGodskind/alertsitetrac
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
AN INTRODUCTION TO WORDPRESS PERFORMANCE OPTIMIZATION
HOW IMPORTANT IS PERFORMANCE OPTIMIZATION?
▸ Walmart saw up to a 2% increase in conversions for every 1 second of improvement in load time. Every 100ms improvment also resulted in up to a 1% increase in revenue.
▸ Source: http://www.slideshare.net/devonauerswald/walmart-pagespeedslide
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
AN INTRODUCTION TO WORDPRESS PERFORMANCE OPTIMIZATION
HOW IMPORTANT IS PERFORMANCE OPTIMIZATION?
▸ When YouTube introduced a version of their pages that was 90% lighter, they saw a large increase in traffic in areas with poor connectivity such as Southeast Asia, South America, Africa and Siberia.
▸ Source: http://blog.chriszacharias.com/page-weight-matters
AFFECTS YOURAFFECTS YOUR
Bottom LineBottom Line
Loading TimeLoading TimeHOWHOW
EVERY SECOND COUNTSEVERY SECOND COUNTS MOBILE VS. DESKTOPMOBILE VS. DESKTOP
Loading time is a major contributing factor to page abandonment. The average user has no patience for a page that takes too long to load, and justifiably so.
Mobile Internet users expect a web-browsing experience on their phone that’s comparable to what they get on their desktop or laptop.
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
AN INTRODUCTION TO WORDPRESS PERFORMANCE OPTIMIZATION
WHAT PRIMARILY AFFECTS WEBSITE PERFORMANCE?
‣ Network Infrastructure (Internet Service Provider or ISP)
‣ Web Application (WordPress, Joomla, Drupal)
‣ Web Browser (Chrome, Firefox, Safari)
‣ Web Server (Software and Hardware)
‣ Software (Apache, PHP, MySQL)
‣ Hardware (CPU, RAM, HDD/SSD)
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
AN INTRODUCTION TO WORDPRESS PERFORMANCE OPTIMIZATION
GENERAL ADVICE + BEST PRACTICES
‣ Buy a Fast Web Server (e.g. Managed WordPress Hosting)
‣ Enable Server + WordPress + Browser Caching
‣ Limit Usage of Plugins + Scripts
‣ Minify HTML + CSS + JavaScript
‣ Scale + Compress + Optimize Images
‣ Use a CDN (e.g. CloudFlare)
‣ Use Dedicated Media Hosting
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
AN INTRODUCTION TO WORDPRESS PERFORMANCE OPTIMIZATION
WEBSITE PERFORMANCE TESTING TOOLS
▸ Google PageSpeed Tools
▸ GTmetrix
▸ New Relic
▸ Pingdom Website Speed Test
▸ Web Browser Developer Tools
▸ WebPagetest
▸ Yahoo YSlow
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
AN INTRODUCTION TO WORDPRESS PERFORMANCE OPTIMIZATION
GOOGLE PAGESPEED BEST PRACTICES: CONTENT
‣ Avoid a character set in the meta tag
‣ Avoid bad requests
‣ Minify HTML
‣ Minimize redirects
‣ Minimize request size
‣ Remove query strings from static resources
‣ Serve resources from a consistent URL
‣ Specify a character set early
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
AN INTRODUCTION TO WORDPRESS PERFORMANCE OPTIMIZATION
GOOGLE PAGESPEED BEST PRACTICES: STYLESHEETS (CSS)
‣ Avoid CSS @import
‣ Inline small CSS
‣ Minify CSS
‣ Put CSS in the document head
‣ Optimize the order of styles and scripts
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
AN INTRODUCTION TO WORDPRESS PERFORMANCE OPTIMIZATION
GOOGLE PAGESPEED BEST PRACTICES: IMAGES
‣ Combine images using CSS sprites
‣ Optimize images
‣ Serve scaled images
‣ Specify image dimensions
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
AN INTRODUCTION TO WORDPRESS PERFORMANCE OPTIMIZATION
GOOGLE PAGESPEED BEST PRACTICES: SCRIPTS (JAVASCRIPT)
‣ Defer parsing of JavaScript
‣ Inline small JavaScript
‣ Minify JavaScript
‣ Optimize the order of styles and scripts
‣ Prefer asynchronous resources
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
AN INTRODUCTION TO WORDPRESS PERFORMANCE OPTIMIZATION
GOOGLE PAGESPEED BEST PRACTICES: SERVER
‣ Avoid landing page redirects
‣ Enable gzip compression
‣ Enable Keep-Alive
‣ Leverage browser caching
‣ Specify a cache validator
‣ Specify a Vary: Accept-Encoding header
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
AN INTRODUCTION TO WORDPRESS PERFORMANCE OPTIMIZATION
WORDPRESS PERFORMANCE PLUGINS (PART 1)
▸ Performance Testing & Analysis
▸ Plugin Performance Profiler (P3)
▸ Query Monitor
▸ Caching
▸ W3 Total Cache
▸ WP Fastest Cache
▸ WP Super Cache
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
W3 TOTAL CACHE DEMO
WEBSITE PERFORMANCETESTING TOOLS
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
AN INTRODUCTION TO WORDPRESS PERFORMANCE OPTIMIZATION
WORDPRESS PERFORMANCE PLUGINS (PART 2)
▸ Image Optimization
▸ EWWW Image Optimizer
▸ Imsanity
▸ Jetpack
▸ WP Smush
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
AN INTRODUCTION TO WORDPRESS PERFORMANCE OPTIMIZATION
WORDPRESS PERFORMANCE PLUGINS (PART 3)
▸ Content Delivery Networks (CDNs)
▸ Amazon Web Services (AWS)
▸ CacheFly
▸ CloudFlare
▸ Jetpack
▸ MaxCDN
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
AN INTRODUCTION TO WORDPRESS PERFORMANCE OPTIMIZATION
ADDITIONAL ARTICLES + RESOURCES
▸ WordPress Optimization
▸ High Traffic Tips for WordPress
▸ 16 Quick Tips to Improve WordPress Performance – INFOGRAPHIC
▸ 17 Ways to Optimize and Speed Up WordPress Sites
▸ 11 Ways to Speed Up WordPress
▸ On a quest for ultimate website performance
▸ WordPress Optimization Infographic
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
THAT’S IT FOR NOW…
THANK YOU!
Questions? Get In Touch:
414.455.6675
[email protected] | WWW.SIMDEX.ORG | 414.455.6675
THAT’S IT FOR NOW…
THIS PRESENTATION IS AVAILABLE ONLINE:
simdex.org/fast Get In Touch:
414.455.6675
