Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Fast Sites and SEO - PubCon 2017

204 views

Published on

PubCon Las Vegas 2017 - Fast Sites & SEO. I feel the need, for speed.

Published in: Marketing
  • Be the first to comment

Fast Sites and SEO - PubCon 2017

  1. 1. WHY BE FAST?
  2. 2. LESS THAN 3 SECONDS?
  3. 3. AVERAGE SITE SPEED INDEX
  4. 4. SMARTPHONE ECOMMERCE
  5. 5. SPEED = BOUNCE RATES
  6. 6. MOBILE FIRST • Mobile First Indexing is already happening • 70% of the world will be on 3G connection in 2020
  7. 7. ACCELERATED MOBILE PAGES (AMP) • Very Fast for Users • Ranking factor for some Mobile Traffic - if Google gives AMP pages priority (News Carousel) • Improves server performance • Requires caching • Not ideal for every site or page
  8. 8. Tips & Tricks to a Faster Site • DNS Resource Hints • Use CDN • Optimize Images • Remove Sliders • Use System Fonts • Update to PHP 7+ (if this is your environment) • HTTP/2 - Varnish • Optimize Database
  9. 9. RESOURCE HINTS • DNS Prefetch - rel="dns-prefetch" • Preconnect - rel="preconnect" • Prefetch - rel="prefetch“ • Live in the <head> section • Should be the first items the browser sees
  10. 10. SITE SPEED DIAGNOSTIC TOOLS • GT Metrix • WebPageTest.org • PageSpeed Insights UX Tool • Chrome DEV Tools Network Report
  11. 11. GTMetrix – PageSpeed Score Identifies Potential Issues relative to Google’s PageSpeed UX Tool
  12. 12. GTMetrix – YSlow Score • Grades web pages based on one of three predefined ruleset • Offers suggestions for improving the page's performance • Summarizes the page's components • Displays statistics about the page
  13. 13. GTMetrix - Waterfall • All Resources • Loading Order • Errors • Time for each Resource
  14. 14. GTMetrix - Timings • Backend Connection • Time to First Byte TTFB • First Paint • DOM Initiated • DOM Loaded • OnLoad
  15. 15. WebPageTest.org • Google Recommended Tool • Video Capture • Image Analysis • Waterfall • Performance
  16. 16. PageSpeed Insights UX Tool • Technically a UX tool focused on Speed • Recommendations for Optimization • Optimized Files
  17. 17. DEV Tools – Network Report • Disable Cache • Fast 3G Test Speed • Capture Screenshots
  18. 18. DEV Tools – Network Report
  19. 19. WordPress Tricks WordPress Plugins: •CACHE - WP Super Cache (FREE) or WP Rocket (PAID) •AMP for WordPress (Yoast AMP Glue plugin) •WP-Sweep for database optimization •Envira Gallery - fast gallery plugin Framework/Child Theme = Genesis/StudioPress WordPress Hosting = WP Engine Environment = Migrate to PHP 7 Optimize Apache & NGINX
  20. 20. Tools We Use • Deep Crawl • GTMetrix • WebPageTest • Chrome DEV Tools • PageSpeed • YSlow Link to tools we recommend - https://marketingnomads.com/tools/
  21. 21. scott@marketingnomads.com

×