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
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!
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
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
- 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 teaserConvertitalia
 
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

Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving
 
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance PanelsNorthern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving
 
"NATO Hackathon Winner: AI-Powered Drug Search", Taras Kloba
"NATO Hackathon Winner: AI-Powered Drug Search",  Taras Kloba"NATO Hackathon Winner: AI-Powered Drug Search",  Taras Kloba
"NATO Hackathon Winner: AI-Powered Drug Search", Taras Kloba
Fwdays
 
Mutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented ChatbotsMutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented Chatbots
Pablo Gómez Abajo
 
Day 2 - Intro to UiPath Studio Fundamentals
Day 2 - Intro to UiPath Studio FundamentalsDay 2 - Intro to UiPath Studio Fundamentals
Day 2 - Intro to UiPath Studio Fundamentals
UiPathCommunity
 
"$10 thousand per minute of downtime: architecture, queues, streaming and fin...
"$10 thousand per minute of downtime: architecture, queues, streaming and fin..."$10 thousand per minute of downtime: architecture, queues, streaming and fin...
"$10 thousand per minute of downtime: architecture, queues, streaming and fin...
Fwdays
 
From Natural Language to Structured Solr Queries using LLMs
From Natural Language to Structured Solr Queries using LLMsFrom Natural Language to Structured Solr Queries using LLMs
From Natural Language to Structured Solr Queries using LLMs
Sease
 
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
Jason Yip
 
Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)
Jakub Marek
 
Y-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PPY-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PP
c5vrf27qcz
 
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectorsConnector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
DianaGray10
 
What is an RPA CoE? Session 1 – CoE Vision
What is an RPA CoE?  Session 1 – CoE VisionWhat is an RPA CoE?  Session 1 – CoE Vision
What is an RPA CoE? Session 1 – CoE Vision
DianaGray10
 
Christine's Supplier Sourcing Presentaion.pptx
Christine's Supplier Sourcing Presentaion.pptxChristine's Supplier Sourcing Presentaion.pptx
Christine's Supplier Sourcing Presentaion.pptx
christinelarrosa
 
Poznań ACE event - 19.06.2024 Team 24 Wrapup slidedeck
Poznań ACE event - 19.06.2024 Team 24 Wrapup slidedeckPoznań ACE event - 19.06.2024 Team 24 Wrapup slidedeck
Poznań ACE event - 19.06.2024 Team 24 Wrapup slidedeck
FilipTomaszewski5
 
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
Edge AI and Vision Alliance
 
"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota
Fwdays
 
Dandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity serverDandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity server
Antonios Katsarakis
 
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge GraphGraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
Neo4j
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
Hiroshi SHIBATA
 
Must Know Postgres Extension for DBA and Developer during Migration
Must Know Postgres Extension for DBA and Developer during MigrationMust Know Postgres Extension for DBA and Developer during Migration
Must Know Postgres Extension for DBA and Developer during Migration
Mydbops
 

Recently uploaded (20)

Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024
 
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance PanelsNorthern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
 
"NATO Hackathon Winner: AI-Powered Drug Search", Taras Kloba
"NATO Hackathon Winner: AI-Powered Drug Search",  Taras Kloba"NATO Hackathon Winner: AI-Powered Drug Search",  Taras Kloba
"NATO Hackathon Winner: AI-Powered Drug Search", Taras Kloba
 
Mutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented ChatbotsMutation Testing for Task-Oriented Chatbots
Mutation Testing for Task-Oriented Chatbots
 
Day 2 - Intro to UiPath Studio Fundamentals
Day 2 - Intro to UiPath Studio FundamentalsDay 2 - Intro to UiPath Studio Fundamentals
Day 2 - Intro to UiPath Studio Fundamentals
 
"$10 thousand per minute of downtime: architecture, queues, streaming and fin...
"$10 thousand per minute of downtime: architecture, queues, streaming and fin..."$10 thousand per minute of downtime: architecture, queues, streaming and fin...
"$10 thousand per minute of downtime: architecture, queues, streaming and fin...
 
From Natural Language to Structured Solr Queries using LLMs
From Natural Language to Structured Solr Queries using LLMsFrom Natural Language to Structured Solr Queries using LLMs
From Natural Language to Structured Solr Queries using LLMs
 
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
 
Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)
 
Y-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PPY-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PP
 
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectorsConnector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
 
What is an RPA CoE? Session 1 – CoE Vision
What is an RPA CoE?  Session 1 – CoE VisionWhat is an RPA CoE?  Session 1 – CoE Vision
What is an RPA CoE? Session 1 – CoE Vision
 
Christine's Supplier Sourcing Presentaion.pptx
Christine's Supplier Sourcing Presentaion.pptxChristine's Supplier Sourcing Presentaion.pptx
Christine's Supplier Sourcing Presentaion.pptx
 
Poznań ACE event - 19.06.2024 Team 24 Wrapup slidedeck
Poznań ACE event - 19.06.2024 Team 24 Wrapup slidedeckPoznań ACE event - 19.06.2024 Team 24 Wrapup slidedeck
Poznań ACE event - 19.06.2024 Team 24 Wrapup slidedeck
 
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
 
"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota
 
Dandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity serverDandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity server
 
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge GraphGraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
 
Must Know Postgres Extension for DBA and Developer during Migration
Must Know Postgres Extension for DBA and Developer during MigrationMust Know Postgres Extension for DBA and Developer during Migration
Must Know Postgres Extension for DBA and Developer during Migration
 

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