SlideShare une entreprise Scribd logo
1  sur  35
Speed up Your WordPress Site
Agenda
- Understand the ‘Page Speed’ Term
- Why faster?
- Run The Speed Test Properly
- Speed Up Your WordPress Site
Understand the ‘Page Speed’ Term
The length of time at which web page is downloaded from hosting
servers and displayed onto the web browser.
Why faster?
- 1 in 4 (25%) visitors abandon the website if it takes more than 4 seconds to load.
- 46% of users don’t revisit poorly performing websites.
- Website owners have a mere 5 seconds to engage visitors before they leave.
- 74 % of users accessing the mobile site would leave if it takes longer than 5
seconds to load.
- Every one-second delay in page load time could lead to $1.6 billion in annual
losses for online merchants as big as Amazon.
- SEO benefits, more profit, more downloads, and the list goes..
Run The Speed Test Properly
1. Enable and configure Caching.
2. Enable and configure CDN.
3. Choose the test location. It has to be close to your hosting server.
4. Test multiple times!
Speed Up Your WordPress Site
• WordPress website types
• Hosting
• DNS: Free vs Premium
• Image Optimization
• CDN or/and Offload Media
• Themes and Plugins
• WordPress Tweaks
• Caching
• Optimize Mobile First
WordPress Websites Types
Static / Small
- Blog
- Business Portfolio
- Personal
The content does not change very
often. Content can be served from
cache.
Dynamic / Large
- eCommerce (WC,EDD)
- Membership
- LMS
Content is changing frequently.
Can’t be served from Cache and
server resources are needed.
Hosting
- Shared Hosting
- DIY VPS
- Managed Hosting
-- PHP 7 (or the latest)
-- NGiNX
-- HTTP/2
-- Server Location
Hosting - Shared Hosting
- Starts from less than $3 per month. (Renewal is different!)
- Crowded servers -> Slowness
(GoDaddy, BlueHost, HostGator)
YOU GET WHAT YOU PAY FOR!
Hosting - DIY VPS
- Do everything yourself
- Starts from $5
- Perfect for people who know what they’re doing.
(Digital Ocean, Vultr)
Hosting - Managed Hosting
- aka Managed WordPress Hosting
- Server-level caching
- Excellent customer support
- Staging, backups
WPEngine, Kinsta, Cloudways, SiteGround
Google (WordPress Cloud Hosting | Google Cloud) and Amazon
(Amazon Lightsail)
Hosting - PHP Version
Stick with the latest PHP version.
More secure and faster.
Hosting - NGiNX
- Apache powers 43.3%
of all websites
- NGINX powers 67.2%
of top 10,000 websites
Nginx is faster!
Hosting - HTTP/2
What’s HTTP?
Hyper Text Transfer Protocol is designed to enable communications
between clients (such as web browsers) and servers (web server).
Hosting - HTTP/2
HTTP/2 has many features
- Multi-host multiplexing
- Header compression
- Stream prioritization
To test if your hosting support HTTP/2
https://http2.pro/
which leads to
Better performance for both desktop and mobile users.
Hosting - Server Location
Choose a Server Closest to Your Visitors
- Reduce Network Latency
- Reduce TTFB
DNS - Domain Name System
Free DNS vs Premium DNS
- You get your free DNS from your domain name registrar or your
hosting provider.
- Premium DNS provides you with reliability and speed.
Looking up DNS records and directing traffic takes time, even if it’s just
a matter of milliseconds.
- Test DNS resolving: http://www.solvedns.com/dnsspeedtest/
- Free and good DNS provider -> Cloudflare.
Images Optimization
Size vs Quality
Images Optimization
Images Optimization
Image Optimization
The primary goal of optimizing your images is to find the balance
between the lowest file size and an acceptable quality.
To achieve that; let’s have a look at 2 concepts:
- File Type: PNG, JPEG, GIF, WebP
- Compression Technique: Lossy, Lossless.
Compression Techniques
Lossy Compression
involves eliminating some of
the data in your image.
- Applied to JPEG, GIF
Lossless Compression
done by removing unnecessary
metadata (automatically
generated data produced by
the device capturing the
image)
- Applied to PNG, RAW,BMP
Let’s see both techniques in action
WordPress Plugins for Compression
- Imagify (lossy and lossless)
- WP Smush (lossy and lossless)
- EWWW Cloud (lossy and lossless)
- ShortPixel (lossy and lossless)
CDN and Offload Media
CDN stands for content delivery network.
Types of CDN
There are 2 types of CDN:
1- Traditional Pull CDN
2- Reverse Proxy CDN
CDN Speed Test
Our test site located at USA and we’re running the test from London,
UK
Decrease the
page load times
by 43.2%!
TTFB with CDN
Without CDN
98 ms
With CDN
15 ms
CDN Benefits
- Boost Performance
- Reduces TTFB
- Faster Delivery With Caching
- Uses HTTP/2
- Lower Bandwidth Costs
- High Availability and Scalability
- Improves SEO, of course!
CDN Providers
- KeyCDN
- Cloudflare
- StackPath (Previously MaxCDN)
- CDN77
- Amazon CloudFront
- Fastly
Offload Media (Assets)
What is meant by Offloading?
When you offload media or files it means actually moving the original
physical location of them off of your hosting provider.
Extremely useful for sites with hosting hundreds of thousands of files or
large media.
Offloading Solutions
- Amazon S3
- Google Cloud Storage
You can also Offload your emails.
Marketing Emails -> Mailchimp, Drip, …
Service Emails - > SendGrid, Mailgun, ...
Speed Up Your WordPress Site
• WordPress website types
• Hosting
• DNS: Free vs Premium
• Image Optimization
• CDN or/and Offload Media
• Themes and Plugins
• WordPress Tweaks
• Caching
• Optimize Mobile First
Speed Up WordPress Websites - Part 1 - WordPress Cairo Meetup

Contenu connexe

Tendances

ServerBeach and WordPress BlogWorldExpo 2007
ServerBeach and WordPress BlogWorldExpo 2007ServerBeach and WordPress BlogWorldExpo 2007
ServerBeach and WordPress BlogWorldExpo 2007Barry Abrahamson
 
Reducing latency on the web with the Azure CDN- TechDays NL 2014
Reducing latency on the web with the Azure CDN- TechDays NL 2014Reducing latency on the web with the Azure CDN- TechDays NL 2014
Reducing latency on the web with the Azure CDN- TechDays NL 2014Maarten Balliauw
 
Reducing latency on the web with the Azure CDN - DevSum - SWAG
Reducing latency on the web with the Azure CDN - DevSum - SWAGReducing latency on the web with the Azure CDN - DevSum - SWAG
Reducing latency on the web with the Azure CDN - DevSum - SWAGMaarten Balliauw
 
Configuring Apache Servers for Better Web Perormance
Configuring Apache Servers for Better Web PerormanceConfiguring Apache Servers for Better Web Perormance
Configuring Apache Servers for Better Web PerormanceSpark::red
 
High Performance WordPress II
High Performance WordPress IIHigh Performance WordPress II
High Performance WordPress IIBarry Abrahamson
 
WordPress Optimization Tips for Performance & Speed
WordPress Optimization Tips for Performance & SpeedWordPress Optimization Tips for Performance & Speed
WordPress Optimization Tips for Performance & SpeedMike Hale
 
Performance Tuning - MuraCon 2012
Performance Tuning - MuraCon 2012Performance Tuning - MuraCon 2012
Performance Tuning - MuraCon 2012eballisty
 
WordPress At Scale. WordCamp Dhaka 2019
WordPress At Scale. WordCamp Dhaka 2019WordPress At Scale. WordCamp Dhaka 2019
WordPress At Scale. WordCamp Dhaka 2019Anam Ahmed
 
AWS Summit London 2014 | Dynamic Content Acceleration (300)
AWS Summit London 2014 | Dynamic Content Acceleration (300)AWS Summit London 2014 | Dynamic Content Acceleration (300)
AWS Summit London 2014 | Dynamic Content Acceleration (300)Amazon Web Services
 
Improve WordPress Website Performance with a Content Delivery Network: Better...
Improve WordPress Website Performance with a Content Delivery Network: Better...Improve WordPress Website Performance with a Content Delivery Network: Better...
Improve WordPress Website Performance with a Content Delivery Network: Better...Marshall Reyher
 
Web performance mercadolibre - ECI 2013
Web performance   mercadolibre - ECI 2013Web performance   mercadolibre - ECI 2013
Web performance mercadolibre - ECI 2013Santiago Aimetta
 
Latinoware 2008
Latinoware 2008Latinoware 2008
Latinoware 2008photomatt
 
Dynamic Content Acceleration: Amazon CloudFront and Amazon Route 53 (ARC309) ...
Dynamic Content Acceleration: Amazon CloudFront and Amazon Route 53 (ARC309) ...Dynamic Content Acceleration: Amazon CloudFront and Amazon Route 53 (ARC309) ...
Dynamic Content Acceleration: Amazon CloudFront and Amazon Route 53 (ARC309) ...Amazon Web Services
 
How to speed up your website
How to speed up your websiteHow to speed up your website
How to speed up your websiteVernalWeb
 
Внедрение протокола SPDY в социальной сети LinkedIn, Omer Shapira (LinkedIn)
Внедрение протокола SPDY в социальной сети LinkedIn, Omer Shapira (LinkedIn)Внедрение протокола SPDY в социальной сети LinkedIn, Omer Shapira (LinkedIn)
Внедрение протокола SPDY в социальной сети LinkedIn, Omer Shapira (LinkedIn)Ontico
 
Web Application Optimization Techniques
Web Application Optimization TechniquesWeb Application Optimization Techniques
Web Application Optimization Techniquestakinbo
 
WordPress at Peak Performance (Radio Edit)
WordPress at Peak Performance (Radio Edit)WordPress at Peak Performance (Radio Edit)
WordPress at Peak Performance (Radio Edit)jaredwsmith
 

Tendances (20)

ServerBeach and WordPress BlogWorldExpo 2007
ServerBeach and WordPress BlogWorldExpo 2007ServerBeach and WordPress BlogWorldExpo 2007
ServerBeach and WordPress BlogWorldExpo 2007
 
Reducing latency on the web with the Azure CDN- TechDays NL 2014
Reducing latency on the web with the Azure CDN- TechDays NL 2014Reducing latency on the web with the Azure CDN- TechDays NL 2014
Reducing latency on the web with the Azure CDN- TechDays NL 2014
 
Presentation1
Presentation1Presentation1
Presentation1
 
Reducing latency on the web with the Azure CDN - DevSum - SWAG
Reducing latency on the web with the Azure CDN - DevSum - SWAGReducing latency on the web with the Azure CDN - DevSum - SWAG
Reducing latency on the web with the Azure CDN - DevSum - SWAG
 
23 Ways To Speed Up WordPress
23 Ways To Speed Up WordPress23 Ways To Speed Up WordPress
23 Ways To Speed Up WordPress
 
Configuring Apache Servers for Better Web Perormance
Configuring Apache Servers for Better Web PerormanceConfiguring Apache Servers for Better Web Perormance
Configuring Apache Servers for Better Web Perormance
 
High Performance WordPress II
High Performance WordPress IIHigh Performance WordPress II
High Performance WordPress II
 
WordPress Optimization Tips for Performance & Speed
WordPress Optimization Tips for Performance & SpeedWordPress Optimization Tips for Performance & Speed
WordPress Optimization Tips for Performance & Speed
 
Caching 101
Caching 101Caching 101
Caching 101
 
Performance Tuning - MuraCon 2012
Performance Tuning - MuraCon 2012Performance Tuning - MuraCon 2012
Performance Tuning - MuraCon 2012
 
WordPress At Scale. WordCamp Dhaka 2019
WordPress At Scale. WordCamp Dhaka 2019WordPress At Scale. WordCamp Dhaka 2019
WordPress At Scale. WordCamp Dhaka 2019
 
AWS Summit London 2014 | Dynamic Content Acceleration (300)
AWS Summit London 2014 | Dynamic Content Acceleration (300)AWS Summit London 2014 | Dynamic Content Acceleration (300)
AWS Summit London 2014 | Dynamic Content Acceleration (300)
 
Improve WordPress Website Performance with a Content Delivery Network: Better...
Improve WordPress Website Performance with a Content Delivery Network: Better...Improve WordPress Website Performance with a Content Delivery Network: Better...
Improve WordPress Website Performance with a Content Delivery Network: Better...
 
Web performance mercadolibre - ECI 2013
Web performance   mercadolibre - ECI 2013Web performance   mercadolibre - ECI 2013
Web performance mercadolibre - ECI 2013
 
Latinoware 2008
Latinoware 2008Latinoware 2008
Latinoware 2008
 
Dynamic Content Acceleration: Amazon CloudFront and Amazon Route 53 (ARC309) ...
Dynamic Content Acceleration: Amazon CloudFront and Amazon Route 53 (ARC309) ...Dynamic Content Acceleration: Amazon CloudFront and Amazon Route 53 (ARC309) ...
Dynamic Content Acceleration: Amazon CloudFront and Amazon Route 53 (ARC309) ...
 
How to speed up your website
How to speed up your websiteHow to speed up your website
How to speed up your website
 
Внедрение протокола SPDY в социальной сети LinkedIn, Omer Shapira (LinkedIn)
Внедрение протокола SPDY в социальной сети LinkedIn, Omer Shapira (LinkedIn)Внедрение протокола SPDY в социальной сети LinkedIn, Omer Shapira (LinkedIn)
Внедрение протокола SPDY в социальной сети LinkedIn, Omer Shapira (LinkedIn)
 
Web Application Optimization Techniques
Web Application Optimization TechniquesWeb Application Optimization Techniques
Web Application Optimization Techniques
 
WordPress at Peak Performance (Radio Edit)
WordPress at Peak Performance (Radio Edit)WordPress at Peak Performance (Radio Edit)
WordPress at Peak Performance (Radio Edit)
 

Similaire à Speed Up WordPress Websites - Part 1 - WordPress Cairo Meetup

I Can Haz More Performanz?
I Can Haz More Performanz?I Can Haz More Performanz?
I Can Haz More Performanz?Andy Melichar
 
Guide 4 - How To Dramatically Speed Up Your Website Using A Caching Plugin.pdf
Guide 4 - How To Dramatically Speed Up Your Website Using A Caching Plugin.pdfGuide 4 - How To Dramatically Speed Up Your Website Using A Caching Plugin.pdf
Guide 4 - How To Dramatically Speed Up Your Website Using A Caching Plugin.pdfpersuebusiness
 
What is Nginx and Why You Should to Use it with Wordpress Hosting
What is Nginx and Why You Should to Use it with Wordpress HostingWhat is Nginx and Why You Should to Use it with Wordpress Hosting
What is Nginx and Why You Should to Use it with Wordpress HostingWPSFO Meetup Group
 
Joomla! Performance on Steroids
Joomla! Performance on SteroidsJoomla! Performance on Steroids
Joomla! Performance on SteroidsSiteGround.com
 
Dynamic Content Acceleration: Lightning Fast Web Apps with Amazon CloudFront ...
Dynamic Content Acceleration: Lightning Fast Web Apps with Amazon CloudFront ...Dynamic Content Acceleration: Lightning Fast Web Apps with Amazon CloudFront ...
Dynamic Content Acceleration: Lightning Fast Web Apps with Amazon CloudFront ...Amazon Web Services
 
How to Build a Website Similar to WorldStarHipHop
How to Build a Website Similar to WorldStarHipHopHow to Build a Website Similar to WorldStarHipHop
How to Build a Website Similar to WorldStarHipHopTarik Pierce
 
Performance Optimization in Drupal 8
Performance Optimization in Drupal 8Performance Optimization in Drupal 8
Performance Optimization in Drupal 8valuebound
 
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 speedAndy Kucharski
 
Challenges behind the scenes of the large Swiss e-Commerce shop apfelkiste.ch...
Challenges behind the scenes of the large Swiss e-Commerce shop apfelkiste.ch...Challenges behind the scenes of the large Swiss e-Commerce shop apfelkiste.ch...
Challenges behind the scenes of the large Swiss e-Commerce shop apfelkiste.ch...nine
 
Website Performance
Website PerformanceWebsite Performance
Website PerformanceHugo Fonseca
 
Analysis of Google Page Speed Insight
Analysis of Google Page Speed InsightAnalysis of Google Page Speed Insight
Analysis of Google Page Speed InsightSarvesh Sonawane
 
5 Ways to Optimize Your WordPress Site
5 Ways to Optimize Your WordPress Site5 Ways to Optimize Your WordPress Site
5 Ways to Optimize Your WordPress SiteMarkupBox
 
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
 
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 speedPromet Source
 
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 thereStephen Bell
 
Word press sites maintenanace
Word press sites maintenanaceWord press sites maintenanace
Word press sites maintenanaceMichelle Castillo
 
20 tips for website performance
20 tips for website performance20 tips for website performance
20 tips for website performanceAndrew Siemer
 
PAC 2019 virtual Mark Tomlinson
PAC 2019 virtual Mark TomlinsonPAC 2019 virtual Mark Tomlinson
PAC 2019 virtual Mark TomlinsonNeotys
 

Similaire à Speed Up WordPress Websites - Part 1 - WordPress Cairo Meetup (20)

I Can Haz More Performanz?
I Can Haz More Performanz?I Can Haz More Performanz?
I Can Haz More Performanz?
 
Guide 4 - How To Dramatically Speed Up Your Website Using A Caching Plugin.pdf
Guide 4 - How To Dramatically Speed Up Your Website Using A Caching Plugin.pdfGuide 4 - How To Dramatically Speed Up Your Website Using A Caching Plugin.pdf
Guide 4 - How To Dramatically Speed Up Your Website Using A Caching Plugin.pdf
 
What is Nginx and Why You Should to Use it with Wordpress Hosting
What is Nginx and Why You Should to Use it with Wordpress HostingWhat is Nginx and Why You Should to Use it with Wordpress Hosting
What is Nginx and Why You Should to Use it with Wordpress Hosting
 
Joomla! Performance on Steroids
Joomla! Performance on SteroidsJoomla! Performance on Steroids
Joomla! Performance on Steroids
 
Dynamic Content Acceleration: Lightning Fast Web Apps with Amazon CloudFront ...
Dynamic Content Acceleration: Lightning Fast Web Apps with Amazon CloudFront ...Dynamic Content Acceleration: Lightning Fast Web Apps with Amazon CloudFront ...
Dynamic Content Acceleration: Lightning Fast Web Apps with Amazon CloudFront ...
 
How to Build a Website Similar to WorldStarHipHop
How to Build a Website Similar to WorldStarHipHopHow to Build a Website Similar to WorldStarHipHop
How to Build a Website Similar to WorldStarHipHop
 
WordPress optimization
WordPress optimizationWordPress optimization
WordPress optimization
 
Performance Optimization in Drupal 8
Performance Optimization in Drupal 8Performance Optimization in Drupal 8
Performance Optimization in Drupal 8
 
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
 
Challenges behind the scenes of the large Swiss e-Commerce shop apfelkiste.ch...
Challenges behind the scenes of the large Swiss e-Commerce shop apfelkiste.ch...Challenges behind the scenes of the large Swiss e-Commerce shop apfelkiste.ch...
Challenges behind the scenes of the large Swiss e-Commerce shop apfelkiste.ch...
 
Website Performance
Website PerformanceWebsite Performance
Website Performance
 
Analysis of Google Page Speed Insight
Analysis of Google Page Speed InsightAnalysis of Google Page Speed Insight
Analysis of Google Page Speed Insight
 
5 Ways to Optimize Your WordPress Site
5 Ways to Optimize Your WordPress Site5 Ways to Optimize Your WordPress Site
5 Ways to Optimize Your WordPress Site
 
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...
 
Tips to improve your website performance
Tips to improve your website performanceTips to improve your website performance
Tips to improve your website performance
 
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
 
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
 
Word press sites maintenanace
Word press sites maintenanaceWord press sites maintenanace
Word press sites maintenanace
 
20 tips for website performance
20 tips for website performance20 tips for website performance
20 tips for website performance
 
PAC 2019 virtual Mark Tomlinson
PAC 2019 virtual Mark TomlinsonPAC 2019 virtual Mark Tomlinson
PAC 2019 virtual Mark Tomlinson
 

Dernier

TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxBkGupta21
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionDilum Bandara
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 

Dernier (20)

TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptx
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 

Speed Up WordPress Websites - Part 1 - WordPress Cairo Meetup

  • 1. Speed up Your WordPress Site
  • 2. Agenda - Understand the ‘Page Speed’ Term - Why faster? - Run The Speed Test Properly - Speed Up Your WordPress Site
  • 3. Understand the ‘Page Speed’ Term The length of time at which web page is downloaded from hosting servers and displayed onto the web browser.
  • 4. Why faster? - 1 in 4 (25%) visitors abandon the website if it takes more than 4 seconds to load. - 46% of users don’t revisit poorly performing websites. - Website owners have a mere 5 seconds to engage visitors before they leave. - 74 % of users accessing the mobile site would leave if it takes longer than 5 seconds to load. - Every one-second delay in page load time could lead to $1.6 billion in annual losses for online merchants as big as Amazon. - SEO benefits, more profit, more downloads, and the list goes..
  • 5. Run The Speed Test Properly 1. Enable and configure Caching. 2. Enable and configure CDN. 3. Choose the test location. It has to be close to your hosting server. 4. Test multiple times!
  • 6.
  • 7. Speed Up Your WordPress Site • WordPress website types • Hosting • DNS: Free vs Premium • Image Optimization • CDN or/and Offload Media • Themes and Plugins • WordPress Tweaks • Caching • Optimize Mobile First
  • 8. WordPress Websites Types Static / Small - Blog - Business Portfolio - Personal The content does not change very often. Content can be served from cache. Dynamic / Large - eCommerce (WC,EDD) - Membership - LMS Content is changing frequently. Can’t be served from Cache and server resources are needed.
  • 9. Hosting - Shared Hosting - DIY VPS - Managed Hosting -- PHP 7 (or the latest) -- NGiNX -- HTTP/2 -- Server Location
  • 10. Hosting - Shared Hosting - Starts from less than $3 per month. (Renewal is different!) - Crowded servers -> Slowness (GoDaddy, BlueHost, HostGator) YOU GET WHAT YOU PAY FOR!
  • 11. Hosting - DIY VPS - Do everything yourself - Starts from $5 - Perfect for people who know what they’re doing. (Digital Ocean, Vultr)
  • 12. Hosting - Managed Hosting - aka Managed WordPress Hosting - Server-level caching - Excellent customer support - Staging, backups WPEngine, Kinsta, Cloudways, SiteGround Google (WordPress Cloud Hosting | Google Cloud) and Amazon (Amazon Lightsail)
  • 13. Hosting - PHP Version Stick with the latest PHP version. More secure and faster.
  • 14. Hosting - NGiNX - Apache powers 43.3% of all websites - NGINX powers 67.2% of top 10,000 websites Nginx is faster!
  • 15. Hosting - HTTP/2 What’s HTTP? Hyper Text Transfer Protocol is designed to enable communications between clients (such as web browsers) and servers (web server).
  • 16. Hosting - HTTP/2 HTTP/2 has many features - Multi-host multiplexing - Header compression - Stream prioritization To test if your hosting support HTTP/2 https://http2.pro/ which leads to Better performance for both desktop and mobile users.
  • 17. Hosting - Server Location Choose a Server Closest to Your Visitors - Reduce Network Latency - Reduce TTFB
  • 18. DNS - Domain Name System
  • 19. Free DNS vs Premium DNS - You get your free DNS from your domain name registrar or your hosting provider. - Premium DNS provides you with reliability and speed. Looking up DNS records and directing traffic takes time, even if it’s just a matter of milliseconds. - Test DNS resolving: http://www.solvedns.com/dnsspeedtest/ - Free and good DNS provider -> Cloudflare.
  • 23. Image Optimization The primary goal of optimizing your images is to find the balance between the lowest file size and an acceptable quality. To achieve that; let’s have a look at 2 concepts: - File Type: PNG, JPEG, GIF, WebP - Compression Technique: Lossy, Lossless.
  • 24. Compression Techniques Lossy Compression involves eliminating some of the data in your image. - Applied to JPEG, GIF Lossless Compression done by removing unnecessary metadata (automatically generated data produced by the device capturing the image) - Applied to PNG, RAW,BMP Let’s see both techniques in action
  • 25. WordPress Plugins for Compression - Imagify (lossy and lossless) - WP Smush (lossy and lossless) - EWWW Cloud (lossy and lossless) - ShortPixel (lossy and lossless)
  • 26. CDN and Offload Media CDN stands for content delivery network.
  • 27. Types of CDN There are 2 types of CDN: 1- Traditional Pull CDN 2- Reverse Proxy CDN
  • 28. CDN Speed Test Our test site located at USA and we’re running the test from London, UK Decrease the page load times by 43.2%!
  • 29. TTFB with CDN Without CDN 98 ms With CDN 15 ms
  • 30. CDN Benefits - Boost Performance - Reduces TTFB - Faster Delivery With Caching - Uses HTTP/2 - Lower Bandwidth Costs - High Availability and Scalability - Improves SEO, of course!
  • 31. CDN Providers - KeyCDN - Cloudflare - StackPath (Previously MaxCDN) - CDN77 - Amazon CloudFront - Fastly
  • 32. Offload Media (Assets) What is meant by Offloading? When you offload media or files it means actually moving the original physical location of them off of your hosting provider. Extremely useful for sites with hosting hundreds of thousands of files or large media.
  • 33. Offloading Solutions - Amazon S3 - Google Cloud Storage You can also Offload your emails. Marketing Emails -> Mailchimp, Drip, … Service Emails - > SendGrid, Mailgun, ...
  • 34. Speed Up Your WordPress Site • WordPress website types • Hosting • DNS: Free vs Premium • Image Optimization • CDN or/and Offload Media • Themes and Plugins • WordPress Tweaks • Caching • Optimize Mobile First

Notes de l'éditeur

  1. Page load time is the duration between clicking the link and displaying the entire content from the web page on the requesting browser.
  2. Test multiple times until you see everything is loading from cache
  3. You can't treat all WordPress sites the same when it comes to performance. Static and highly dynamic sites are two very different beasts!
  4. We can’t dig into HTTP/2 technical stuff, but it has so many feature that make your website performance and the communication with the hosting server much much better.
  5. Network Latency: Network latency refers to the time and or delay that is involved in the transmission of data over a network. In other words, how long it takes for a packet of data to go from one point to another. TTFB: stands for time to first byte. To put it simply, this is a measurement of how long the browser has to wait before receiving its first byte of data from the server.
  6. All you need to do to start using Cloudflare is to 1- Create a cloudflare account, it’s free. 2- Change your nameservers to the nameservers provided by Cloudflare
  7. Image optimization is another straightforward thing you can do which has a significant impact on your overall page load times. This isn’t optional; every site should be doing this! According to HTTP Archive, as of November 2018, images make up on average of 21% of a total webpage’s weight.
  8. You can
  9. PNG always comes in a large size, use it for simple images. Like screenshots, images with less colors. Use JPEG for colorful images. As you can apply both lossy and lossless optimization techniques to it. WebP is a new image format introduced by Google. Still not supported by all browsers. WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller than comparable JPEG images
  10. By the way, WordPress compress each and every JPEG image you upload to your WordPress site. You can disable this feature if you want or set the compression ratio add_filter( 'jpeg_quality', create_function( '', 'return 100;' ) );
  11. These are a network of servers (also known as POPs) located around the globe. They are designed to host and deliver copies of your WordPress site’s static (and sometimes dynamic) content such as images, CSS, JavaScript, and video streams.
  12. Traditional pull CDNs cache a copy of all of your content and media, but a request from the client is still made directly to your hosting provider. KeyCDN and CDN77 are examples of traditional CDNs. A reverse proxy CDN is slightly different. While it still acts likes a CDN, it intercepts all incoming requests and acts as an intermediary server between the client and your host. Cloudflare and Sucuri are examples of reverse proxy CDNs. This is one reason why you have to point your DNS directly to these providers instead of your host.
  13. Faster Delivery With Caching: CDN has its own cache and it caches your asstes
  14. With a CDN the original data still resides at your host, the CDN simply has multiple copies of it. When caching expires on your CDN assets it re-queries your host for the latest copies of the files. CDNs are meant to cache files for long periods of time. But due to the fact that they have so many POPs, there could be a lot of re-querying going on as cache expires in different regions. Offload Media When you offload media or files it means actually moving the original physical location of them off of your hosting provider. So while it might appear that the files are served from your site, they are really located somewhere else entirely. Besides reducing additional queries back to the host, the number one reason obviously is to also save on disk space.