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.
Upcoming SlideShare
What to Upload to SlideShare
What to Upload to SlideShare
Loading in …3
×
1 of 15

PageSpeed: An Essential Web Performance Tool

0

Share

Download to read offline

Learn what you need to know about PageSpeed and why Google has made it one of the top ranking factors in 2018. Presented by Amanda Gorman, SEO Consultant at Aware SEO, Co (awareseo.co)

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

PageSpeed: An Essential Web Performance Tool

  1. 1. Presented by: Amanda Gorman An Essential Web Performance Tool: PAGESPEED
  2. 2. Today's Talk 1. What is PageSpeed? 2. What Google has to say about PageSpeed 3. Understanding PageSpeed 4. Optimization Suggestions 5. PageSpeed within Google Analytics 6. PageSpeed within Webmaster Tools 7. Extra Tools & Resources
  3. 3. What is PageSpeed? Page speed can be described in either "page load time" (the time it takes to fully display the content on a specific page) or "time to first byte" (how long it takes for your browser to receive the first byte of information from the web server).
  4. 4. What Google has to say about PageSpeed: “Speeding up websites is important — not just to site owners, but to all Internet users. Faster sites create happy users and we've seen in our internal studies that when a site responds slowly, visitors spend less time there. But faster sites don't just improve user experience; recent data shows that improving site speed also reduces operating costs. Like us, our users place a lot of value in speed — that's why we've decided to take site speed into account in our search rankings. We use a variety of sources to determine the speed of a site relative to other sites.”
  5. 5. https://developers.google.com/speed/pagespeed/insights/ 1. Enter your site URL 2. Click ‘Analyze’ 3. Review Mobile & Desktop optimization scores 4. Check out the Optimization Suggestions & address any issues Get browser extension for Chrome & Firefox: https://code.google.com/speed/page-speed/download.html Understanding PageSpeed
  6. 6. PageSpeed Optimization Suggestions ● Avoid landing page redirects ● Enable compression ● Improve server response time ● Leverage browser caching ● Minify resources ● Optimize images ● Optimize CSS delivery ● Prioritize valuable content ● Remove render-blocking JavaScript
  7. 7. PS Optimization Suggestions: Enable Compression & Optimize Images ● Use Gzip compress files (https://www.gnu.org/software/gzip/) ● Use Photoshop to compress Images ● PNGs are generally better for graphics with fewer than 16 colors ● JPEGs are generally better for photographs
  8. 8. PS Optimization Suggestions: Leverage Browser Caching ● Use a tool like YSlow (Mozilla Add-On) to see if you have an expiration for your cache. ● Then set your "expires" header for how long you want that information to be cached. ● Set your expiration once per year (unless design changes frequently)
  9. 9. PS Optimization Suggestions: Minify Resources & Optimize CSS Delivery ● By optimizing your code (including removing spaces, commas, and other unnecessary characters), you can dramatically increase your page speed. ● Remove code comments, formatting, and unused code. ● Google recommends using CSSNano and UglifyJS.
  10. 10. PS Optimization Suggestions: Remove Render-Blocking JavaScript ● Browsers have to build a DOM tree by parsing HTML before they can render a page. If your browser encounters a script during this process, it has to stop and execute it before it can continue. ● Google suggests avoiding and minimizing the use of blocking JavaScript.
  11. 11. Understanding PageSpeed: Google Analytics 1. Go to: analytics.google.com & sign-in 2. Behavior Tab 3. Site Speed Section Review: ● Overview ● Page timings ● User timings
  12. 12. Understanding PageSpeed
  13. 13. Other Tools & Resources to Keep Learning ● YSlow - PageSpeed for Yahoo.com ● Dev Docs: https://developers.google.com/speed/docs/insights/rules ● Module: https://developers.google.com/speed/pagespeed/module/ ● Google DNS: https://developers.google.com/speed/public-dns ● Protocols & standards: https://developers.google.com/speed/webp ● Performance & best practices: https://developers.google.com/speed/docs/best-practices/rules_intro
  14. 14. Amanda Gorman SEO Consultant AwareSEO.co 585.305.2948 amanda@awareseo.co Facebook: fb.com/amandagormn Twitter & Instagram: @amandagormn

×