A Technical SEO Journey: Insights from Logs, hreflang & Mobile Analysis #SMXlondon
SEO 101 - Google Page Speed Insights Explained
-
Upload
steve-weber -
Category
Internet
-
view
70 -
download
4
Transcript of SEO 101 - Google Page Speed Insights Explained
![Page 1: SEO 101 - Google Page Speed Insights Explained](https://reader035.fdocuments.in/reader035/viewer/2022062523/58ee4bf71a28abc42c8b4593/html5/thumbnails/1.jpg)
2016 SEO Best Practice Series: Lesson 2 - Page Speed Optimizaiton6/14/2016
Join us again for lesson 3 on July 19th! Register Here: http://bit.ly/1VIlLCD
![Page 2: SEO 101 - Google Page Speed Insights Explained](https://reader035.fdocuments.in/reader035/viewer/2022062523/58ee4bf71a28abc42c8b4593/html5/thumbnails/2.jpg)
AgendaQuick Lesson 1 RecapWhy Focus on Speed?Areas to OptimizeQuestions
![Page 3: SEO 101 - Google Page Speed Insights Explained](https://reader035.fdocuments.in/reader035/viewer/2022062523/58ee4bf71a28abc42c8b4593/html5/thumbnails/3.jpg)
3
Quick Recap From Lesson 1
Win at SEO by focusing on your users and the outcome you want them to take on your pages.
![Page 4: SEO 101 - Google Page Speed Insights Explained](https://reader035.fdocuments.in/reader035/viewer/2022062523/58ee4bf71a28abc42c8b4593/html5/thumbnails/4.jpg)
4
Why Does Page Speed Matter?
Source: https://blog.mozilla.org/metrics/2010/04/05/firefox-page-load-speed-%E2%80%93-part-ii/Source: http://www.slideshare.net/devonauerswald/walmart-pagespeedslide Source: https://www.thinkwithgoogle.com/articles/speed-is-key-optimize-your-mobile-experience.html
Every 1 second faster meant up to a 2% conversion increase!
Reduced load time by 2.2 seconds and increased downloads by 15.4%! (10 million+ downloads per year)
"When your site or app is clumsy or slow, 29% of smartphone users will immediately switch to another site or app."
![Page 5: SEO 101 - Google Page Speed Insights Explained](https://reader035.fdocuments.in/reader035/viewer/2022062523/58ee4bf71a28abc42c8b4593/html5/thumbnails/5.jpg)
If you build it they will come. If you build it slow, they won’t stay.
![Page 6: SEO 101 - Google Page Speed Insights Explained](https://reader035.fdocuments.in/reader035/viewer/2022062523/58ee4bf71a28abc42c8b4593/html5/thumbnails/6.jpg)
6
Speed Is A Ranking Signal!https://webmasters.googleblog.com/2010/04/using-site-speed-in-web-search-ranking.html
“Today we're including a new signal in our search ranking algorithms: Site Speed. Like us, our users place a lot of value in speed.
We use a variety of sources to determine the speed of a site relative to other sites.”
April 2010
![Page 7: SEO 101 - Google Page Speed Insights Explained](https://reader035.fdocuments.in/reader035/viewer/2022062523/58ee4bf71a28abc42c8b4593/html5/thumbnails/7.jpg)
7
Speed On Mobile Will Be A Ranking Signal Soon!
7
https://testmysite.thinkwithgoogle.com/
http://searchengineland.com/google-says-page-speed-ranking-factor-use-mobile-page-speed-mobile-sites-upcoming-months-250874
![Page 8: SEO 101 - Google Page Speed Insights Explained](https://reader035.fdocuments.in/reader035/viewer/2022062523/58ee4bf71a28abc42c8b4593/html5/thumbnails/8.jpg)
8
Checking Speed: Gtmetrix Page Timehttps://gtmetrix.com/
Learn how long your load time is in seconds and which optimizations GTMetrix prioritizes.
Check out your waterfall view to see if there are any page elements that are blocking other parts of your site from loading.
Page Load Time Rule of Thumb: Try to keep this under 3 seconds.
![Page 9: SEO 101 - Google Page Speed Insights Explained](https://reader035.fdocuments.in/reader035/viewer/2022062523/58ee4bf71a28abc42c8b4593/html5/thumbnails/9.jpg)
9
Google Page Speed Insightshttps://developers.google.com/speed/pagespeed/insights/
Google will show your page speed optimization scores out of 100 for both desktop and mobile. Think of this score as how well optimized for speed your page is rather than how quickly it loads.
In the should fix or consider fixing sections, which optimizations are coming from your own domain?
![Page 10: SEO 101 - Google Page Speed Insights Explained](https://reader035.fdocuments.in/reader035/viewer/2022062523/58ee4bf71a28abc42c8b4593/html5/thumbnails/10.jpg)
Let’s get your page speed score!
Go to https://goo.gl/J31mP9 and type in your domain.
![Page 11: SEO 101 - Google Page Speed Insights Explained](https://reader035.fdocuments.in/reader035/viewer/2022062523/58ee4bf71a28abc42c8b4593/html5/thumbnails/11.jpg)
Areas To Optimize For Speed
![Page 12: SEO 101 - Google Page Speed Insights Explained](https://reader035.fdocuments.in/reader035/viewer/2022062523/58ee4bf71a28abc42c8b4593/html5/thumbnails/12.jpg)
12
Which Web Server and CMS? Builtwith.com
Web Server• Is the webserver nginx, apache, or IIS?
CMS• Is our site built on WordPress or another
platform? Is it built from scratch?
![Page 13: SEO 101 - Google Page Speed Insights Explained](https://reader035.fdocuments.in/reader035/viewer/2022062523/58ee4bf71a28abc42c8b4593/html5/thumbnails/13.jpg)
13
Web Server TypeBuiltwith.com
Most likely your web server is Apache, ngix, or IIS.
![Page 15: SEO 101 - Google Page Speed Insights Explained](https://reader035.fdocuments.in/reader035/viewer/2022062523/58ee4bf71a28abc42c8b4593/html5/thumbnails/15.jpg)
15
GZIP Compressionhttps://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/optimize-encoding-and-transfer?hl=en#text-compression-with-gzip Gzip is a method of compressing files which can help with transferring them faster to your browser.
It is also a file format which works similar to a zip file you would send or receive in an email.
![Page 16: SEO 101 - Google Page Speed Insights Explained](https://reader035.fdocuments.in/reader035/viewer/2022062523/58ee4bf71a28abc42c8b4593/html5/thumbnails/16.jpg)
16
Imageshttps://developers.google.com/speed/pagespeed/insights/
Large images can slow your site down! An easy way to compress images without losing the images quality is to compress them.
We recommend using https://compressor.io/ for this.
Compress your image and upload it back to your site.
![Page 17: SEO 101 - Google Page Speed Insights Explained](https://reader035.fdocuments.in/reader035/viewer/2022062523/58ee4bf71a28abc42c8b4593/html5/thumbnails/17.jpg)
17
Fontshttps://www.google.com/fonts/
Fonts can take a long time to load.
Google has made a resource which will let you select exactly which font typefaces, styles and weights you need. Google.com/fonts to begin using it.
Consider
Typefaces, Weights, Styles – How many are necessary?
Hosting – By using externally hosted fonts, there is a greater chance your visitor will already have the file cached.
![Page 18: SEO 101 - Google Page Speed Insights Explained](https://reader035.fdocuments.in/reader035/viewer/2022062523/58ee4bf71a28abc42c8b4593/html5/thumbnails/18.jpg)
18
Minify Fileshttps://developers.google.com/speed/pagespeed/insights/
JS, CSS, and HTML contain white space for people to read them a little easier. However, browsers don’t need the extra spaces.
To save on character count, you can minify all of these file types.
http://minifycode.com/ can minify all three filetypes.
![Page 19: SEO 101 - Google Page Speed Insights Explained](https://reader035.fdocuments.in/reader035/viewer/2022062523/58ee4bf71a28abc42c8b4593/html5/thumbnails/19.jpg)
19
Leverage Browser Caching (on Apache)https://developers.google.com/speed/pagespeed/insights/
In the example we can see that their png images are not cached with a long enough expiration. This means that visitors who come back later will be forced to download these images again. Why not make it quick for them?
You can control file extension expirations in the .htaccess file on apache like this. This code sets the expiration to one week.
<FilesMatch "\.(jpg|jpeg|png|gif|pdf|css|js)$">Header set Cache-Control "max-age=604800, public"</FilesMatch>
![Page 20: SEO 101 - Google Page Speed Insights Explained](https://reader035.fdocuments.in/reader035/viewer/2022062523/58ee4bf71a28abc42c8b4593/html5/thumbnails/20.jpg)
20
Wordpress Guide For Site Speed https://gtmetrix.com/wordpress-optimization-guide.html
Gtmetrix has an excellent guide for optimizing your WordPress site for site speed.
![Page 21: SEO 101 - Google Page Speed Insights Explained](https://reader035.fdocuments.in/reader035/viewer/2022062523/58ee4bf71a28abc42c8b4593/html5/thumbnails/21.jpg)
21
Resources Recap: For Learning Where We Stand
1. Get your desktop and mobile page speed scores! https://developers.google.com/speed/pagespeed/insights/ or https://testmysite.thinkwithgoogle.com/
2. Learn your site’s actual load time in seconds. https://gtmetrix.com/
3. Learn which CMS and web server type your site is built with. http://builtwith.com/.
Let’s begin with speed optimizations! First, you’ll need to know a few details about your site.
![Page 22: SEO 101 - Google Page Speed Insights Explained](https://reader035.fdocuments.in/reader035/viewer/2022062523/58ee4bf71a28abc42c8b4593/html5/thumbnails/22.jpg)
Any Questions?
![Page 23: SEO 101 - Google Page Speed Insights Explained](https://reader035.fdocuments.in/reader035/viewer/2022062523/58ee4bf71a28abc42c8b4593/html5/thumbnails/23.jpg)
23
Please Join Us Again On 7/19/16!
We will continue our series going more in depth with lesson 3 of our SEO webinar series course. In our next lesson we are going to cover the Google Search Console!
Sign up now!http://bit.ly/1VIlLCD