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)
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. 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. 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. 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
8. 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
9. 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)
10. 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.
11. 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.
12. 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