SlideShare a Scribd company logo
BATTLING GOOGLE
PAGESPEED INSIGHTSJason Yingling | Red8 Interactive | @jason_yingling | jasonyingling.me
2
Happy Users
Happy Google
Why Site Speed
Matters
HUGE images
Too many scripts
Too many custom fonts
Bad plugins or themes
Common Causes
of Slow Sites
Tools For Measuring Site Speed
Google PageSpeed Insights GTMetrix

Recommended for you

Word campktm speed-security
Word campktm speed-securityWord campktm speed-security
Word campktm speed-security

1. The document discusses speed and security as the active and passive components of a WordPress site. It provides tips to optimize speed through good hosting, CDNs, minification, and caching. 2. For security, it recommends prevention through regular backups, security plugins, and hardening measures. Common vulnerabilities include outdated plugins/themes and lack of security updates or measures. 3. Testing tools like GTmetrix and PageSpeed Insights can evaluate page speed, but their recommendations shouldn't always be followed. Ignoring site speed can lead to abandonment issues.

The Need for Speed (5 Performance Optimization Tipps) - brightonSEO 2014
The Need for Speed (5 Performance Optimization Tipps) - brightonSEO 2014The Need for Speed (5 Performance Optimization Tipps) - brightonSEO 2014
The Need for Speed (5 Performance Optimization Tipps) - brightonSEO 2014

My talk at #brightonSEO 2014 on how to make websites FAST, covering request optimizations, caching, JS & CSS tweaks and a lot more!

performancecachingpagespeed
Front-End Performance Optimizing
Front-End Performance OptimizingFront-End Performance Optimizing
Front-End Performance Optimizing

Front-end performance optimizing involves optimizing a website's HTML, CSS, JavaScript, and image files to achieve the fastest possible loading speed. This includes minimizing HTTP requests by combining files, compressing files, optimizing code by removing unused code and errors, leveraging browser caching, and parallelizing downloads across domains. The document outlines nine techniques for front-end optimization, such as optimizing file sizes, reducing download size through compression and caching, and minimizing HTTP requests through file combining and CSS sprites.

front-endwebsitesoptimizing
5
Chrome
- Right Click
- Select “Inspect”
- Select “Network” tab
Safari
- Safari > Preferences > Advanced
- Check “Show Develop menu in
menu bar”
- Right Click
- Select “Inspect”
- Select “Network” tab
Inspector
PageSpeed Insights measures how the page can improve its performance on:
-time to above-the-fold load: Elapsed time from the moment a user requests a new
page and to the moment the above-the-fold content is rendered by the browser.
-time to full page load: Elapsed time from the moment a user requests a new page to
the moment the page is fully rendered by the browser.
Google
PageSpeed Insights
https://developers.google.com/speed/pagespeed/insights/
JavaScript and CSS
resources that need to be
loaded before a web page
can be rendered
Eliminate Render
Blocking Scripts
8
Concatenate too.
Plugin: Autoptimize
Minify All of the
Things!

Recommended for you

Optimizing WordPress for Speed and Conversions
Optimizing WordPress for Speed and ConversionsOptimizing WordPress for Speed and Conversions
Optimizing WordPress for Speed and Conversions

Optimizing WordPress for speed and conversions can have an immediate impact on your bottom line. Learn how to turn WordPress into a revenue driving machine. Experience level: Beginner, Intermediate, Advanced Target audience: Affiliates/Publishers, Merchants/Advertisers Niche/vertical: WordPress Nicholas Reese, Resident Rockstar, Microbrand Media (Twitter @nickreese) (Moderator) Willie Jackson, Senior Marketer and Engineer, W3 EDGE (Twitter @williejackson) David Vogelpohl, CEO, Marketing Clique (Twitter @davidvmc)

ase12
Dynamic website
Dynamic websiteDynamic website
Dynamic website

The document summarizes a student's web development project where they built a dynamic website using HTML, CSS, jQuery, PHP, and SQL. It outlines the technologies used including the laptop specifications, development tools, hosting, and databases. It also details the estimated time spent on various aspects of the project, challenges encountered, technologies learned, and future goals to implement original proposed ideas for the site.

Dynamic Website
Dynamic WebsiteDynamic Website
Dynamic Website

The document discusses the evolution of web browsers and their impact on the advancement of the World Wide Web. It outlines the development of early browsers, the "Browser Wars" between Internet Explorer and Netscape Navigator that drove innovation, a period of stagnation for Internet Explorer 6, and a second "Browser War" between Internet Explorer, Firefox, Chrome and other browsers. It also provides details on building a dynamic website using HTML, CSS, JavaScript, jQuery, PHP and SQL.

So you’re getting a
JavaScript error.
Exclude scripts from
concatenation
Oh no! Something
Broke!
10
Load what appears
above the fold first
Prioritize Visible
Content
Load below the fold
content later
Works for images,
embeds, and iframe
Plugin: BJ Lazy Load
Lazy Load Below
the Fold
12
CSS Needed to load initial view of
the site
How to get it
- Go to https://gist.github.com/
PaulKinlan/6284142 
- Copy the script to your clipboard
- Navigate to your page
- Open the Console tab in the
Inspector
- Paste the code and press enter
- Copy the results
Critical CSS

Recommended for you

Web Front End Performance
Web Front End PerformanceWeb Front End Performance
Web Front End Performance

This document discusses various front-end performance tips for ASP.NET web applications, including minimizing HTTP requests, using a content delivery network, adding expiration headers, compressing content, optimizing stylesheet and script placement, avoiding redirects, caching AJAX requests, and minifying JavaScript. It provides details on tools like FireBug and YSlow for testing front-end performance, and how to implement many of the recommendations in ASP.NET.

aspnethtmlajax
Guide To Web Development
Guide To Web DevelopmentGuide To Web Development
Guide To Web Development

This document is a roadmap for web development created by Google DSC at King Abdulaziz University. It outlines sections for front-end development, back-end development, and design. Each section lists languages and tools to learn along with estimated timeframes and links to resources. The roadmap recommends spending 20% of time on crash courses, 30% applying knowledge, and 50% building projects. It aims to guide learners through a structured plan to become full-stack web developers.

Front End Website Optimization
Front End Website OptimizationFront End Website Optimization
Front End Website Optimization

Yahoo has developed the de facto standard for building fast front-ends for websites. The bad news: you have to follow 34 rules to get there. The good news: I'll take a subset of those rules, explain them, and show how you can implement those rules in an automated fashion to minimize impact on developers and designers for your high-traffic website.

yslowphpoptimization
Remove extra data from
images and compress
quality
Plugin: Imagify (25mb/
month)
Fully Free: ImageOptim,
FileOptimizer (Windows)
Optimize Images
14
Store and serve static files
to visitors
Hosting: WordPress hosts
may have their own
options
Plugins: WP Super Cache
Leverage Browser
Caching
Add custom expire headers
to your .htaccess file
Be careful in there
Gist: https://gist.github.com/yingles/
3bc3c111137c47a2981e3e405a4ce577
Custom Expire
Headers
16
- Upgrade your PHP
- Upgrade your hosting
- Determine the cause
with Query Monitor
Reduce Server
Response Time

Recommended for you

Performance Tuning Web Apps - The Need For Speed
Performance Tuning Web Apps - The Need For SpeedPerformance Tuning Web Apps - The Need For Speed
Performance Tuning Web Apps - The Need For Speed

This document discusses the importance of web page speed and provides tips to optimize performance. It emphasizes that speed is important for user experience and engagement. Slow pages can lead to high bounce rates and negatively impact SEO. It then provides the "golden rules" of optimization, which include reducing HTTP requests, minimizing file sizes, caching assets, and using techniques like lazy loading. Specific tools are recommended for measuring performance, including PageSpeed, Speed Tracer, and Dynatrace Ajax. Browser limitations and upcoming technologies that may improve speed are also briefly covered. The goal is to make the web faster by optimizing code, images, assets and more.

web apps tuningweb apps optimizationsweb apps speed
Web development today
Web development todayWeb development today
Web development today

The document discusses HTML5 Boilerplate, which is a popular front-end template that helps developers build fast, robust, and adaptable web apps or sites. It includes tools like Modernizr, which detects HTML5 and CSS3 browser support, and HTML5 Shiv, which allows styling of HTML5 elements in older IE browsers. Using HTML5 Boilerplate follows best practices for performance, like minifying code and setting the viewport.

Keep the Web Fast
Keep the Web FastKeep the Web Fast
Keep the Web Fast

With the growth of mobile devices, performance is now more important than ever. But the web is actually getting slower! Fight back by learning how to monitor performance, the critical rendering path and finding where to optimize.

cssperformancejavascript
- Enable GZIP Compression
in the .htaccess
- Gist: https://gist.github.com/
yingles/
3d61caa4910e8919b948be7b5abf5a50
- Avoid landing page
redirects
A Few For The
Road
18
- jasonyingling.me/
pagespeed-resources
Questions &
Resources
Battling Google PageSpeed Insights

More Related Content

What's hot

Heavy Web Optimization: Frontend
Heavy Web Optimization: FrontendHeavy Web Optimization: Frontend
Heavy Web Optimization: Frontend
Võ Duy Tuấn
 
Front end optimization
Front end optimizationFront end optimization
Front end optimization
Abhishek Anand
 
The 5 most common reasons for a slow WordPress site and how to fix them – ext...
The 5 most common reasons for a slow WordPress site and how to fix them – ext...The 5 most common reasons for a slow WordPress site and how to fix them – ext...
The 5 most common reasons for a slow WordPress site and how to fix them – ext...
Otto Kekäläinen
 
Word campktm speed-security
Word campktm speed-securityWord campktm speed-security
Word campktm speed-security
Digamber Pradhan
 
The Need for Speed (5 Performance Optimization Tipps) - brightonSEO 2014
The Need for Speed (5 Performance Optimization Tipps) - brightonSEO 2014The Need for Speed (5 Performance Optimization Tipps) - brightonSEO 2014
The Need for Speed (5 Performance Optimization Tipps) - brightonSEO 2014
Bastian Grimm
 
Front-End Performance Optimizing
Front-End Performance OptimizingFront-End Performance Optimizing
Front-End Performance Optimizing
Michael Pehl
 
Optimizing WordPress for Speed and Conversions
Optimizing WordPress for Speed and ConversionsOptimizing WordPress for Speed and Conversions
Optimizing WordPress for Speed and Conversions
Affiliate Summit
 
Dynamic website
Dynamic websiteDynamic website
Dynamic website
Ryan Scheel
 
Dynamic Website
Dynamic WebsiteDynamic Website
Dynamic Website
Ryan Scheel
 
Web Front End Performance
Web Front End PerformanceWeb Front End Performance
Web Front End Performance
Chris Love
 
Guide To Web Development
Guide To Web DevelopmentGuide To Web Development
Guide To Web Development
FaisalBinHassan
 
Front End Website Optimization
Front End Website OptimizationFront End Website Optimization
Front End Website Optimization
Gerard Sychay
 
Performance Tuning Web Apps - The Need For Speed
Performance Tuning Web Apps - The Need For SpeedPerformance Tuning Web Apps - The Need For Speed
Performance Tuning Web Apps - The Need For Speed
Vijay Rayapati
 
Web development today
Web development todayWeb development today
Web development today
Jaydev Gajera
 
Keep the Web Fast
Keep the Web FastKeep the Web Fast
Keep the Web Fast
Chris Fetherston
 
Fundamentals of HTML5
Fundamentals of HTML5Fundamentals of HTML5
Fundamentals of HTML5
St. Petersburg College
 
Does This Theme Make My Website Look Fat? (Wordcamp SLC 2013)
Does This Theme Make My Website Look Fat? (Wordcamp SLC 2013)Does This Theme Make My Website Look Fat? (Wordcamp SLC 2013)
Does This Theme Make My Website Look Fat? (Wordcamp SLC 2013)
Adam Dunford
 
UXify 2015 - Front-end Developers' Checklist for Better UX
UXify 2015 - Front-end Developers' Checklist for Better UXUXify 2015 - Front-end Developers' Checklist for Better UX
UXify 2015 - Front-end Developers' Checklist for Better UX
Stoian Dipchikov
 
How to speed up your website?
How to speed up your website?How to speed up your website?
How to speed up your website?
Cakra Danu Sedayu
 
Responsive design in plone
Responsive design in ploneResponsive design in plone
Responsive design in plone
Alin Voinea
 

What's hot (20)

Heavy Web Optimization: Frontend
Heavy Web Optimization: FrontendHeavy Web Optimization: Frontend
Heavy Web Optimization: Frontend
 
Front end optimization
Front end optimizationFront end optimization
Front end optimization
 
The 5 most common reasons for a slow WordPress site and how to fix them – ext...
The 5 most common reasons for a slow WordPress site and how to fix them – ext...The 5 most common reasons for a slow WordPress site and how to fix them – ext...
The 5 most common reasons for a slow WordPress site and how to fix them – ext...
 
Word campktm speed-security
Word campktm speed-securityWord campktm speed-security
Word campktm speed-security
 
The Need for Speed (5 Performance Optimization Tipps) - brightonSEO 2014
The Need for Speed (5 Performance Optimization Tipps) - brightonSEO 2014The Need for Speed (5 Performance Optimization Tipps) - brightonSEO 2014
The Need for Speed (5 Performance Optimization Tipps) - brightonSEO 2014
 
Front-End Performance Optimizing
Front-End Performance OptimizingFront-End Performance Optimizing
Front-End Performance Optimizing
 
Optimizing WordPress for Speed and Conversions
Optimizing WordPress for Speed and ConversionsOptimizing WordPress for Speed and Conversions
Optimizing WordPress for Speed and Conversions
 
Dynamic website
Dynamic websiteDynamic website
Dynamic website
 
Dynamic Website
Dynamic WebsiteDynamic Website
Dynamic Website
 
Web Front End Performance
Web Front End PerformanceWeb Front End Performance
Web Front End Performance
 
Guide To Web Development
Guide To Web DevelopmentGuide To Web Development
Guide To Web Development
 
Front End Website Optimization
Front End Website OptimizationFront End Website Optimization
Front End Website Optimization
 
Performance Tuning Web Apps - The Need For Speed
Performance Tuning Web Apps - The Need For SpeedPerformance Tuning Web Apps - The Need For Speed
Performance Tuning Web Apps - The Need For Speed
 
Web development today
Web development todayWeb development today
Web development today
 
Keep the Web Fast
Keep the Web FastKeep the Web Fast
Keep the Web Fast
 
Fundamentals of HTML5
Fundamentals of HTML5Fundamentals of HTML5
Fundamentals of HTML5
 
Does This Theme Make My Website Look Fat? (Wordcamp SLC 2013)
Does This Theme Make My Website Look Fat? (Wordcamp SLC 2013)Does This Theme Make My Website Look Fat? (Wordcamp SLC 2013)
Does This Theme Make My Website Look Fat? (Wordcamp SLC 2013)
 
UXify 2015 - Front-end Developers' Checklist for Better UX
UXify 2015 - Front-end Developers' Checklist for Better UXUXify 2015 - Front-end Developers' Checklist for Better UX
UXify 2015 - Front-end Developers' Checklist for Better UX
 
How to speed up your website?
How to speed up your website?How to speed up your website?
How to speed up your website?
 
Responsive design in plone
Responsive design in ploneResponsive design in plone
Responsive design in plone
 

Viewers also liked

2 клас урок 3 сучасні комп'ютери
2 клас урок 3 сучасні комп'ютери2 клас урок 3 сучасні комп'ютери
2 клас урок 3 сучасні комп'ютери
Сокальська ЗШ І-ІІІ ступенів №2
 
Divya bhaskar vs guj. (1) (1)
Divya bhaskar vs guj. (1) (1)Divya bhaskar vs guj. (1) (1)
Divya bhaskar vs guj. (1) (1)
Darshit Patel
 
Capincho cuento con ilustraciones individual
Capincho cuento con ilustraciones individualCapincho cuento con ilustraciones individual
Capincho cuento con ilustraciones individual
ulaestudiante
 
2 клас урок 4 з чого складається комп’ютер
2 клас урок 4  з чого складається комп’ютер 2 клас урок 4  з чого складається комп’ютер
2 клас урок 4 з чого складається комп’ютер
Сокальська ЗШ І-ІІІ ступенів №2
 
FEA Reports
FEA ReportsFEA Reports
FEA Reports
Matt Rossow
 
Hareka presentation
Hareka presentationHareka presentation
Hareka presentation
KayDrive
 
Non probability sampling
Non  probability samplingNon  probability sampling
Non probability sampling
corayu13
 
함수
함수함수
함수
. Ruvendix
 
2 клас урок 5 поняття про програму
2 клас урок 5 поняття про програму2 клас урок 5 поняття про програму
2 клас урок 5 поняття про програму
Сокальська ЗШ І-ІІІ ступенів №2
 
Conversacion
ConversacionConversacion
Conversacion
Israel Corporan
 
Diseño de areas verdes
Diseño de areas verdesDiseño de areas verdes
Diseño de areas verdes
Mariangel Bracho Hernandez
 
Instrumento de Valoración CANAIMA.
Instrumento de Valoración CANAIMA.Instrumento de Valoración CANAIMA.
Instrumento de Valoración CANAIMA.
luisibada
 
presentation on blind pepole
presentation on blind pepolepresentation on blind pepole
presentation on blind pepole
tushar4609
 
関西NIPS+読み会発表スライド
関西NIPS+読み会発表スライド関西NIPS+読み会発表スライド
関西NIPS+読み会発表スライド
Yuchi Matsuoka
 
Putting the Develop in Development
Putting the Develop in Development Putting the Develop in Development
Putting the Develop in Development
Jason Yingling
 
Production Plan
Production PlanProduction Plan
Production Plan
thibbert2015
 
O&m convert italia download teaser
O&m convert italia download teaserO&m convert italia download teaser
O&m convert italia download teaser
Convertitalia
 
CSA company presentation
CSA company presentationCSA company presentation
CSA company presentation
Convertitalia
 

Viewers also liked (18)

2 клас урок 3 сучасні комп'ютери
2 клас урок 3 сучасні комп'ютери2 клас урок 3 сучасні комп'ютери
2 клас урок 3 сучасні комп'ютери
 
Divya bhaskar vs guj. (1) (1)
Divya bhaskar vs guj. (1) (1)Divya bhaskar vs guj. (1) (1)
Divya bhaskar vs guj. (1) (1)
 
Capincho cuento con ilustraciones individual
Capincho cuento con ilustraciones individualCapincho cuento con ilustraciones individual
Capincho cuento con ilustraciones individual
 
2 клас урок 4 з чого складається комп’ютер
2 клас урок 4  з чого складається комп’ютер 2 клас урок 4  з чого складається комп’ютер
2 клас урок 4 з чого складається комп’ютер
 
FEA Reports
FEA ReportsFEA Reports
FEA Reports
 
Hareka presentation
Hareka presentationHareka presentation
Hareka presentation
 
Non probability sampling
Non  probability samplingNon  probability sampling
Non probability sampling
 
함수
함수함수
함수
 
2 клас урок 5 поняття про програму
2 клас урок 5 поняття про програму2 клас урок 5 поняття про програму
2 клас урок 5 поняття про програму
 
Conversacion
ConversacionConversacion
Conversacion
 
Diseño de areas verdes
Diseño de areas verdesDiseño de areas verdes
Diseño de areas verdes
 
Instrumento de Valoración CANAIMA.
Instrumento de Valoración CANAIMA.Instrumento de Valoración CANAIMA.
Instrumento de Valoración CANAIMA.
 
presentation on blind pepole
presentation on blind pepolepresentation on blind pepole
presentation on blind pepole
 
関西NIPS+読み会発表スライド
関西NIPS+読み会発表スライド関西NIPS+読み会発表スライド
関西NIPS+読み会発表スライド
 
Putting the Develop in Development
Putting the Develop in Development Putting the Develop in Development
Putting the Develop in Development
 
Production Plan
Production PlanProduction Plan
Production Plan
 
O&m convert italia download teaser
O&m convert italia download teaserO&m convert italia download teaser
O&m convert italia download teaser
 
CSA company presentation
CSA company presentationCSA company presentation
CSA company presentation
 

Similar to Battling Google PageSpeed Insights

Core Web Vitals SEO Workshop - improve your performance [pdf]
Core Web Vitals SEO Workshop - improve your performance [pdf]Core Web Vitals SEO Workshop - improve your performance [pdf]
Core Web Vitals SEO Workshop - improve your performance [pdf]
Peter Mead
 
SearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital Marketers
SearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital MarketersSearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital Marketers
SearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital Marketers
Distilled
 
High Performance Ajax Applications
High Performance Ajax ApplicationsHigh Performance Ajax Applications
High Performance Ajax Applications
Siarhei Barysiuk
 
SEO 101 - Google Page Speed Insights Explained
SEO 101 - Google Page Speed Insights Explained SEO 101 - Google Page Speed Insights Explained
SEO 101 - Google Page Speed Insights Explained
Steve Weber
 
PrairieDevCon 2014 - Web Doesn't Mean Slow
PrairieDevCon 2014 -  Web Doesn't Mean SlowPrairieDevCon 2014 -  Web Doesn't Mean Slow
PrairieDevCon 2014 - Web Doesn't Mean Slow
dmethvin
 
Site Speed Optimization for Elementor Websites
Site Speed Optimization for Elementor WebsitesSite Speed Optimization for Elementor Websites
Site Speed Optimization for Elementor Websites
Jeleen Cubillas
 
WordPress optimization
WordPress optimizationWordPress optimization
WordPress optimization
siddhant mandal
 
implement lighthouse-ci with your web development workflow
implement lighthouse-ci with your web development workflowimplement lighthouse-ci with your web development workflow
implement lighthouse-ci with your web development workflow
WordPress
 
Optimizing Your WordPress Site: Why speed matters, and how to get there
Optimizing Your WordPress Site: Why speed matters, and how to get thereOptimizing Your WordPress Site: Why speed matters, and how to get there
Optimizing Your WordPress Site: Why speed matters, and how to get there
Stephen Bell
 
High Performance Web Sites, With Ads: Don't let third parties make you slow
High Performance Web Sites, With Ads: Don't let third parties make you slowHigh Performance Web Sites, With Ads: Don't let third parties make you slow
High Performance Web Sites, With Ads: Don't let third parties make you slow
Tobias Järlund
 
Demystifying web performance tooling and metrics
Demystifying web performance tooling and metricsDemystifying web performance tooling and metrics
Demystifying web performance tooling and metrics
Anna Migas
 
Introduction to Optimizing WordPress for Website Speed
Introduction to Optimizing WordPress for Website SpeedIntroduction to Optimizing WordPress for Website Speed
Introduction to Optimizing WordPress for Website Speed
Nile Flores
 
Make Drupal Run Fast - increase page load speed
Make Drupal Run Fast - increase page load speedMake Drupal Run Fast - increase page load speed
Make Drupal Run Fast - increase page load speed
Promet Source
 
Web Performance Optimization (WPO)
Web Performance Optimization (WPO)Web Performance Optimization (WPO)
Web Performance Optimization (WPO)
Betclic Everest Group Tech Team
 
Performace optimization (increase website speed)
Performace optimization (increase website speed)Performace optimization (increase website speed)
Performace optimization (increase website speed)
clickramanm
 
Speed!
Speed!Speed!
Google I/O 2012 - Protecting your user experience while integrating 3rd party...
Google I/O 2012 - Protecting your user experience while integrating 3rd party...Google I/O 2012 - Protecting your user experience while integrating 3rd party...
Google I/O 2012 - Protecting your user experience while integrating 3rd party...
Patrick Meenan
 
The Need for Speed - SMX Sydney 2013
The Need for Speed - SMX Sydney 2013The Need for Speed - SMX Sydney 2013
The Need for Speed - SMX Sydney 2013
Bastian Grimm
 
How to Fix a Slow WordPress Site (and get A+ scores)
How to Fix a Slow WordPress Site (and get A+ scores)How to Fix a Slow WordPress Site (and get A+ scores)
How to Fix a Slow WordPress Site (and get A+ scores)
Lewis Ogden
 
Minimize website page loading time – 20+ advanced SEO tips
Minimize website page loading time – 20+ advanced SEO tipsMinimize website page loading time – 20+ advanced SEO tips
Minimize website page loading time – 20+ advanced SEO tips
CgColors
 

Similar to Battling Google PageSpeed Insights (20)

Core Web Vitals SEO Workshop - improve your performance [pdf]
Core Web Vitals SEO Workshop - improve your performance [pdf]Core Web Vitals SEO Workshop - improve your performance [pdf]
Core Web Vitals SEO Workshop - improve your performance [pdf]
 
SearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital Marketers
SearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital MarketersSearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital Marketers
SearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital Marketers
 
High Performance Ajax Applications
High Performance Ajax ApplicationsHigh Performance Ajax Applications
High Performance Ajax Applications
 
SEO 101 - Google Page Speed Insights Explained
SEO 101 - Google Page Speed Insights Explained SEO 101 - Google Page Speed Insights Explained
SEO 101 - Google Page Speed Insights Explained
 
PrairieDevCon 2014 - Web Doesn't Mean Slow
PrairieDevCon 2014 -  Web Doesn't Mean SlowPrairieDevCon 2014 -  Web Doesn't Mean Slow
PrairieDevCon 2014 - Web Doesn't Mean Slow
 
Site Speed Optimization for Elementor Websites
Site Speed Optimization for Elementor WebsitesSite Speed Optimization for Elementor Websites
Site Speed Optimization for Elementor Websites
 
WordPress optimization
WordPress optimizationWordPress optimization
WordPress optimization
 
implement lighthouse-ci with your web development workflow
implement lighthouse-ci with your web development workflowimplement lighthouse-ci with your web development workflow
implement lighthouse-ci with your web development workflow
 
Optimizing Your WordPress Site: Why speed matters, and how to get there
Optimizing Your WordPress Site: Why speed matters, and how to get thereOptimizing Your WordPress Site: Why speed matters, and how to get there
Optimizing Your WordPress Site: Why speed matters, and how to get there
 
High Performance Web Sites, With Ads: Don't let third parties make you slow
High Performance Web Sites, With Ads: Don't let third parties make you slowHigh Performance Web Sites, With Ads: Don't let third parties make you slow
High Performance Web Sites, With Ads: Don't let third parties make you slow
 
Demystifying web performance tooling and metrics
Demystifying web performance tooling and metricsDemystifying web performance tooling and metrics
Demystifying web performance tooling and metrics
 
Introduction to Optimizing WordPress for Website Speed
Introduction to Optimizing WordPress for Website SpeedIntroduction to Optimizing WordPress for Website Speed
Introduction to Optimizing WordPress for Website Speed
 
Make Drupal Run Fast - increase page load speed
Make Drupal Run Fast - increase page load speedMake Drupal Run Fast - increase page load speed
Make Drupal Run Fast - increase page load speed
 
Web Performance Optimization (WPO)
Web Performance Optimization (WPO)Web Performance Optimization (WPO)
Web Performance Optimization (WPO)
 
Performace optimization (increase website speed)
Performace optimization (increase website speed)Performace optimization (increase website speed)
Performace optimization (increase website speed)
 
Speed!
Speed!Speed!
Speed!
 
Google I/O 2012 - Protecting your user experience while integrating 3rd party...
Google I/O 2012 - Protecting your user experience while integrating 3rd party...Google I/O 2012 - Protecting your user experience while integrating 3rd party...
Google I/O 2012 - Protecting your user experience while integrating 3rd party...
 
The Need for Speed - SMX Sydney 2013
The Need for Speed - SMX Sydney 2013The Need for Speed - SMX Sydney 2013
The Need for Speed - SMX Sydney 2013
 
How to Fix a Slow WordPress Site (and get A+ scores)
How to Fix a Slow WordPress Site (and get A+ scores)How to Fix a Slow WordPress Site (and get A+ scores)
How to Fix a Slow WordPress Site (and get A+ scores)
 
Minimize website page loading time – 20+ advanced SEO tips
Minimize website page loading time – 20+ advanced SEO tipsMinimize website page loading time – 20+ advanced SEO tips
Minimize website page loading time – 20+ advanced SEO tips
 

More from Jason Yingling

WordPress Security Best Practices
WordPress Security Best PracticesWordPress Security Best Practices
WordPress Security Best Practices
Jason Yingling
 
Installing WP-CLI locally
Installing WP-CLI locallyInstalling WP-CLI locally
Installing WP-CLI locally
Jason Yingling
 
Getting Started with Gutenberg Development
Getting Started with Gutenberg DevelopmentGetting Started with Gutenberg Development
Getting Started with Gutenberg Development
Jason Yingling
 
Plugin development
Plugin developmentPlugin development
Plugin development
Jason Yingling
 
Introducing CSS Grid
Introducing CSS GridIntroducing CSS Grid
Introducing CSS Grid
Jason Yingling
 
Customizing the WordPress Customizer
Customizing the WordPress CustomizerCustomizing the WordPress Customizer
Customizing the WordPress Customizer
Jason Yingling
 
Getting to Know Underscores
Getting to Know Underscores Getting to Know Underscores
Getting to Know Underscores
Jason Yingling
 
Speeding Up WordPress sites
Speeding Up WordPress sitesSpeeding Up WordPress sites
Speeding Up WordPress sites
Jason Yingling
 
Creating Dynamic Sidebars & Widgets in WordPress
Creating Dynamic Sidebars & Widgets in WordPressCreating Dynamic Sidebars & Widgets in WordPress
Creating Dynamic Sidebars & Widgets in WordPress
Jason Yingling
 
WordPress Template hierarchy
WordPress Template hierarchyWordPress Template hierarchy
WordPress Template hierarchy
Jason Yingling
 
Design todevelop
Design todevelopDesign todevelop
Design todevelop
Jason Yingling
 
Ithemes presentation
Ithemes presentationIthemes presentation
Ithemes presentation
Jason Yingling
 
Building Flexible Sites with Advanced Custom Fields
Building Flexible Sites with Advanced Custom FieldsBuilding Flexible Sites with Advanced Custom Fields
Building Flexible Sites with Advanced Custom Fields
Jason Yingling
 

More from Jason Yingling (13)

WordPress Security Best Practices
WordPress Security Best PracticesWordPress Security Best Practices
WordPress Security Best Practices
 
Installing WP-CLI locally
Installing WP-CLI locallyInstalling WP-CLI locally
Installing WP-CLI locally
 
Getting Started with Gutenberg Development
Getting Started with Gutenberg DevelopmentGetting Started with Gutenberg Development
Getting Started with Gutenberg Development
 
Plugin development
Plugin developmentPlugin development
Plugin development
 
Introducing CSS Grid
Introducing CSS GridIntroducing CSS Grid
Introducing CSS Grid
 
Customizing the WordPress Customizer
Customizing the WordPress CustomizerCustomizing the WordPress Customizer
Customizing the WordPress Customizer
 
Getting to Know Underscores
Getting to Know Underscores Getting to Know Underscores
Getting to Know Underscores
 
Speeding Up WordPress sites
Speeding Up WordPress sitesSpeeding Up WordPress sites
Speeding Up WordPress sites
 
Creating Dynamic Sidebars & Widgets in WordPress
Creating Dynamic Sidebars & Widgets in WordPressCreating Dynamic Sidebars & Widgets in WordPress
Creating Dynamic Sidebars & Widgets in WordPress
 
WordPress Template hierarchy
WordPress Template hierarchyWordPress Template hierarchy
WordPress Template hierarchy
 
Design todevelop
Design todevelopDesign todevelop
Design todevelop
 
Ithemes presentation
Ithemes presentationIthemes presentation
Ithemes presentation
 
Building Flexible Sites with Advanced Custom Fields
Building Flexible Sites with Advanced Custom FieldsBuilding Flexible Sites with Advanced Custom Fields
Building Flexible Sites with Advanced Custom Fields
 

Recently uploaded

Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - MydbopsScaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Mydbops
 
Pigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdfPigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdf
Pigging Solutions
 
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALLBLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
Liveplex
 
Password Rotation in 2024 is still Relevant
Password Rotation in 2024 is still RelevantPassword Rotation in 2024 is still Relevant
Password Rotation in 2024 is still Relevant
Bert Blevins
 
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
Kief Morris
 
UiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs ConferenceUiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs Conference
UiPathCommunity
 
20240702 QFM021 Machine Intelligence Reading List June 2024
20240702 QFM021 Machine Intelligence Reading List June 202420240702 QFM021 Machine Intelligence Reading List June 2024
20240702 QFM021 Machine Intelligence Reading List June 2024
Matthew Sinclair
 
Observability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetryObservability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetry
Eric D. Schabell
 
Choose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presenceChoose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presence
rajancomputerfbd
 
Manual | Product | Research Presentation
Manual | Product | Research PresentationManual | Product | Research Presentation
Manual | Product | Research Presentation
welrejdoall
 
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfINDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
jackson110191
 
Quantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLMQuantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLM
Vijayananda Mohire
 
20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf
Sally Laouacheria
 
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdfWhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
ArgaBisma
 
What's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptxWhat's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptx
Stephanie Beckett
 
Best Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdfBest Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdf
Tatiana Al-Chueyr
 
Research Directions for Cross Reality Interfaces
Research Directions for Cross Reality InterfacesResearch Directions for Cross Reality Interfaces
Research Directions for Cross Reality Interfaces
Mark Billinghurst
 
How to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptxHow to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptx
Adam Dunkels
 
find out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challengesfind out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challenges
huseindihon
 
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyyActive Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
RaminGhanbari2
 

Recently uploaded (20)

Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - MydbopsScaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
 
Pigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdfPigging Solutions Sustainability brochure.pdf
Pigging Solutions Sustainability brochure.pdf
 
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALLBLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
 
Password Rotation in 2024 is still Relevant
Password Rotation in 2024 is still RelevantPassword Rotation in 2024 is still Relevant
Password Rotation in 2024 is still Relevant
 
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
 
UiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs ConferenceUiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs Conference
 
20240702 QFM021 Machine Intelligence Reading List June 2024
20240702 QFM021 Machine Intelligence Reading List June 202420240702 QFM021 Machine Intelligence Reading List June 2024
20240702 QFM021 Machine Intelligence Reading List June 2024
 
Observability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetryObservability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetry
 
Choose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presenceChoose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presence
 
Manual | Product | Research Presentation
Manual | Product | Research PresentationManual | Product | Research Presentation
Manual | Product | Research Presentation
 
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfINDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
 
Quantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLMQuantum Communications Q&A with Gemini LLM
Quantum Communications Q&A with Gemini LLM
 
20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf20240702 Présentation Plateforme GenAI.pdf
20240702 Présentation Plateforme GenAI.pdf
 
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdfWhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
 
What's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptxWhat's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptx
 
Best Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdfBest Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdf
 
Research Directions for Cross Reality Interfaces
Research Directions for Cross Reality InterfacesResearch Directions for Cross Reality Interfaces
Research Directions for Cross Reality Interfaces
 
How to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptxHow to Build a Profitable IoT Product.pptx
How to Build a Profitable IoT Product.pptx
 
find out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challengesfind out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challenges
 
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyyActive Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
 

Battling Google PageSpeed Insights

  • 1. BATTLING GOOGLE PAGESPEED INSIGHTSJason Yingling | Red8 Interactive | @jason_yingling | jasonyingling.me
  • 2. 2 Happy Users Happy Google Why Site Speed Matters
  • 3. HUGE images Too many scripts Too many custom fonts Bad plugins or themes Common Causes of Slow Sites
  • 4. Tools For Measuring Site Speed Google PageSpeed Insights GTMetrix
  • 5. 5 Chrome - Right Click - Select “Inspect” - Select “Network” tab Safari - Safari > Preferences > Advanced - Check “Show Develop menu in menu bar” - Right Click - Select “Inspect” - Select “Network” tab Inspector
  • 6. PageSpeed Insights measures how the page can improve its performance on: -time to above-the-fold load: Elapsed time from the moment a user requests a new page and to the moment the above-the-fold content is rendered by the browser. -time to full page load: Elapsed time from the moment a user requests a new page to the moment the page is fully rendered by the browser. Google PageSpeed Insights https://developers.google.com/speed/pagespeed/insights/
  • 7. JavaScript and CSS resources that need to be loaded before a web page can be rendered Eliminate Render Blocking Scripts
  • 9. So you’re getting a JavaScript error. Exclude scripts from concatenation Oh no! Something Broke!
  • 10. 10 Load what appears above the fold first Prioritize Visible Content
  • 11. Load below the fold content later Works for images, embeds, and iframe Plugin: BJ Lazy Load Lazy Load Below the Fold
  • 12. 12 CSS Needed to load initial view of the site How to get it - Go to https://gist.github.com/ PaulKinlan/6284142  - Copy the script to your clipboard - Navigate to your page - Open the Console tab in the Inspector - Paste the code and press enter - Copy the results Critical CSS
  • 13. Remove extra data from images and compress quality Plugin: Imagify (25mb/ month) Fully Free: ImageOptim, FileOptimizer (Windows) Optimize Images
  • 14. 14 Store and serve static files to visitors Hosting: WordPress hosts may have their own options Plugins: WP Super Cache Leverage Browser Caching
  • 15. Add custom expire headers to your .htaccess file Be careful in there Gist: https://gist.github.com/yingles/ 3bc3c111137c47a2981e3e405a4ce577 Custom Expire Headers
  • 16. 16 - Upgrade your PHP - Upgrade your hosting - Determine the cause with Query Monitor Reduce Server Response Time
  • 17. - Enable GZIP Compression in the .htaccess - Gist: https://gist.github.com/ yingles/ 3d61caa4910e8919b948be7b5abf5a50 - Avoid landing page redirects A Few For The Road