SlideShare ist ein Scribd-Unternehmen logo
1 von 18
14 GREAT WAYS
TO IMPROVE
WEBSITE SPEED IN
DRUPAL 8
INTERNETDEVELS
How fast should a website load?
The classic recommendation is to keep the
website loading speed within 1.5 seconds.
INTERNETDEVELS
GREAT WAYS TO IMPROVE
WEBSITE SPEED IN DRUPAL 8
INTERNETDEVELS
• improves website speed for
anonymous users, serving your web
pages to them very fast
• does not work with dynamic content
for anonymous users
SETTING UP THE INTERNAL
PAGE CACHE MODULE
1
INTERNETDEVELS
• improve speed both for anonymous and
authenticated users
• caches web pages excluding the
personalized parts
SETTING UP THE INTERNAL
DYNAMIC PAGE CACHE
MODULE
2
INTERNETDEVELS
• loads the unpersonalized
page elements first and the
dynamic ones next
3
SETTING UP THE BIGPIPE
INTERNETDEVELS
• cache tags allow you to refresh the cache
when something changes
• cache contexts allow you to show different
content depending on the context
• cache max-age determines how long the
item should be cached
4
CACHING METADATA
INTERNETDEVELS
• allows you to configure tag-based and
time-based caching in Advanced
settings
CACHING IN
DRUPAL 8 VIEWS
5
INTERNETDEVELS
• reduces the number of HTTP requests
needed for the page to load
• reduces of data transferred
OPTIMIZING THE BANDWIDTH:
CSS/JS AGGREGATION IN
DRUPAL 8
6
INTERNETDEVELS
USING THE PREFETCHING
TECHNIQUE
7
• to speed up the delivery of pages
the content from the links begins
to be saved in the cache
INTERNETDEVELS
8
USING THE EXTERNAL
CACHE SYSTEMS
Give your website an extra speed boost
by using an external cache system —
Redis, Varnish, Memcached, and so on.
INTERNETDEVELS
A content delivery network can deliver
your content to users faster due to
being a geographically distributed
network of proxy servers.
USING A CDN TO
IMPROVE WEBSITE SPEED
9
INTERNETDEVELS
Drupal 8 allows you to provide
responsive images that will look
optimal on every device.
PROVIDING THE RESPONSIVE
IMAGE STYLES IN DRUPAL 8
10
INTERNETDEVELS
Lazy loading allows you to only load the media
that is in the current user’s viewport. In Drupal
8, lazy loading can be applied with the help of
contributed modules.
USING THE LAZY LOADING
FOR BETTER PERFORMANCE
IN DRUPAL 8
11
INTERNETDEVELS
USING THE LATEST VERSION OF
PHP TO IMPROVE WEBSITE SPEED
12
Since PHP improves with each new
version, it’s reasonable to keep it
updated on your website’s server.
INTERNETDEVELS
You will greatly improve your site speed
by disabling unused modules or
replacing heavy ones with better
alternatives.
CLEANING UP THE
UNNECESSARY MODULES
13
INTERNETDEVELS
JavaScript frameworks are known for
their exceptional capabilities in high
loading speeds. It’s trendy to integrate
them into Drupal 8 sites.
INTEGRATING WITH
JAVASCRIPT FRAMEWORKS
14
INTERNETDEVELS
Our experts can improve
your website speed!

Weitere ähnliche Inhalte

Was ist angesagt?

Drupalcamp Estonia - High Performance Sites
Drupalcamp Estonia - High Performance SitesDrupalcamp Estonia - High Performance Sites
Drupalcamp Estonia - High Performance Sites
drupalcampest
 
Php & web server performace
Php & web server performacePhp & web server performace
Php & web server performace
Tuyển Đoàn
 

Was ist angesagt? (20)

Cms
CmsCms
Cms
 
High Performance - Joomla!Days NL 2009 #jd09nl
High Performance - Joomla!Days NL 2009 #jd09nlHigh Performance - Joomla!Days NL 2009 #jd09nl
High Performance - Joomla!Days NL 2009 #jd09nl
 
Wordcamp2009
Wordcamp2009Wordcamp2009
Wordcamp2009
 
Multisite core concepts final
Multisite core concepts finalMultisite core concepts final
Multisite core concepts final
 
Using MAMP for Web Development
Using MAMP for Web DevelopmentUsing MAMP for Web Development
Using MAMP for Web Development
 
Drupalcamp Estonia - High Performance Sites
Drupalcamp Estonia - High Performance SitesDrupalcamp Estonia - High Performance Sites
Drupalcamp Estonia - High Performance Sites
 
WordPress Optimization with Litespeed Cache #wpjkt14
WordPress Optimization with Litespeed Cache  #wpjkt14WordPress Optimization with Litespeed Cache  #wpjkt14
WordPress Optimization with Litespeed Cache #wpjkt14
 
WordPress development checklist
WordPress development checklistWordPress development checklist
WordPress development checklist
 
Caching 101
Caching 101Caching 101
Caching 101
 
Php & web server performace
Php & web server performacePhp & web server performace
Php & web server performace
 
WordPress Multisite
WordPress MultisiteWordPress Multisite
WordPress Multisite
 
Magento caching
Magento cachingMagento caching
Magento caching
 
Building WordPress sites with AngularJS and the RESTful plugin JSON API @ Dev...
Building WordPress sites with AngularJS and the RESTful plugin JSON API @ Dev...Building WordPress sites with AngularJS and the RESTful plugin JSON API @ Dev...
Building WordPress sites with AngularJS and the RESTful plugin JSON API @ Dev...
 
002. Working with Webpack
002. Working with Webpack002. Working with Webpack
002. Working with Webpack
 
wp-config Tips and Tricks
wp-config Tips and Trickswp-config Tips and Tricks
wp-config Tips and Tricks
 
Ithemes presentation
Ithemes presentationIthemes presentation
Ithemes presentation
 
Basics of Wordpress
Basics of WordpressBasics of Wordpress
Basics of Wordpress
 
Dirtless Databases - How to Keep Your WordPress Database Squeaky Clean
Dirtless Databases - How to Keep Your WordPress Database Squeaky CleanDirtless Databases - How to Keep Your WordPress Database Squeaky Clean
Dirtless Databases - How to Keep Your WordPress Database Squeaky Clean
 
JS digest. Decemebr 2017
JS digest. Decemebr 2017JS digest. Decemebr 2017
JS digest. Decemebr 2017
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
 

Ähnlich wie Tips To Increase The Speed Of Drupal 8 Websites

Geographic Distribution for Global Web Application Performance
Geographic Distribution for Global Web Application PerformanceGeographic Distribution for Global Web Application Performance
Geographic Distribution for Global Web Application Performance
kkjjkevin03
 
Website Performance
Website PerformanceWebsite Performance
Website Performance
Hugo Fonseca
 
Drupal Performance and Scaling
Drupal Performance and ScalingDrupal Performance and Scaling
Drupal Performance and Scaling
Gerald Villorente
 

Ähnlich wie Tips To Increase The Speed Of Drupal 8 Websites (20)

10 Tips for Optimising WordPress
10 Tips for Optimising WordPress10 Tips for Optimising WordPress
10 Tips for Optimising WordPress
 
DRUPAL CACHE SYSTEMS AND VARNISH
DRUPAL CACHE SYSTEMS AND VARNISHDRUPAL CACHE SYSTEMS AND VARNISH
DRUPAL CACHE SYSTEMS AND VARNISH
 
Drupal performance optimization Best Practices
Drupal performance optimization Best PracticesDrupal performance optimization Best Practices
Drupal performance optimization Best Practices
 
Building faster websites: web performance with WordPress
Building faster websites: web performance with WordPressBuilding faster websites: web performance with WordPress
Building faster websites: web performance with WordPress
 
Drupal 7 performance and optimization
Drupal 7 performance and optimizationDrupal 7 performance and optimization
Drupal 7 performance and optimization
 
Drupal 8 and NGINX
Drupal 8 and NGINX Drupal 8 and NGINX
Drupal 8 and NGINX
 
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
 
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
Web Performance OptimizationWeb Performance Optimization
Web Performance Optimization
 
23 Ways To Speed Up WordPress
23 Ways To Speed Up WordPress23 Ways To Speed Up WordPress
23 Ways To Speed Up WordPress
 
WordPress optimization
WordPress optimizationWordPress optimization
WordPress optimization
 
Drupal Effect on High Performance Websites
Drupal Effect on High Performance Websites Drupal Effect on High Performance Websites
Drupal Effect on High Performance Websites
 
10 Pro Tips to Speed up Your WordPress Site
10 Pro Tips to Speed up Your WordPress Site10 Pro Tips to Speed up Your WordPress Site
10 Pro Tips to Speed up Your WordPress Site
 
Geographic Distribution for Global Web Application Performance
Geographic Distribution for Global Web Application PerformanceGeographic Distribution for Global Web Application Performance
Geographic Distribution for Global Web Application Performance
 
Squeeze Maximum Performance From Your Joomla Website
Squeeze Maximum Performance From Your Joomla WebsiteSqueeze Maximum Performance From Your Joomla Website
Squeeze Maximum Performance From Your Joomla Website
 
Web performance
Web performanceWeb performance
Web performance
 
Website Performance
Website PerformanceWebsite Performance
Website Performance
 
Drupal Performance and Scaling
Drupal Performance and ScalingDrupal Performance and Scaling
Drupal Performance and Scaling
 
Speed Up WordPress Websites - Part 1 - WordPress Cairo Meetup
Speed Up WordPress Websites - Part 1 - WordPress Cairo MeetupSpeed Up WordPress Websites - Part 1 - WordPress Cairo Meetup
Speed Up WordPress Websites - Part 1 - WordPress Cairo Meetup
 
A Comprehensive Guide on Building Lightning-Fast Websites with React Static S...
A Comprehensive Guide on Building Lightning-Fast Websites with React Static S...A Comprehensive Guide on Building Lightning-Fast Websites with React Static S...
A Comprehensive Guide on Building Lightning-Fast Websites with React Static S...
 

Kürzlich hochgeladen

一比一原版(Cranfield毕业证书)英国克兰菲尔德大学毕业证如何办理
一比一原版(Cranfield毕业证书)英国克兰菲尔德大学毕业证如何办理一比一原版(Cranfield毕业证书)英国克兰菲尔德大学毕业证如何办理
一比一原版(Cranfield毕业证书)英国克兰菲尔德大学毕业证如何办理
gfhdsfr
 
一比一原版(Princeton毕业证书)普林斯顿大学毕业证如何办理
一比一原版(Princeton毕业证书)普林斯顿大学毕业证如何办理一比一原版(Princeton毕业证书)普林斯顿大学毕业证如何办理
一比一原版(Princeton毕业证书)普林斯顿大学毕业证如何办理
C
 
一比一原版加拿大多伦多大学毕业证(UofT毕业证书)如何办理
一比一原版加拿大多伦多大学毕业证(UofT毕业证书)如何办理一比一原版加拿大多伦多大学毕业证(UofT毕业证书)如何办理
一比一原版加拿大多伦多大学毕业证(UofT毕业证书)如何办理
egfdgfd
 
原版定制(PSU毕业证书)美国宾州州立大学毕业证原件一模一样
原版定制(PSU毕业证书)美国宾州州立大学毕业证原件一模一样原版定制(PSU毕业证书)美国宾州州立大学毕业证原件一模一样
原版定制(PSU毕业证书)美国宾州州立大学毕业证原件一模一样
rgdasda
 
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkkaudience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
lolsDocherty
 
一比一定制(OSU毕业证书)美国俄亥俄州立大学毕业证学位证书
一比一定制(OSU毕业证书)美国俄亥俄州立大学毕业证学位证书一比一定制(OSU毕业证书)美国俄亥俄州立大学毕业证学位证书
一比一定制(OSU毕业证书)美国俄亥俄州立大学毕业证学位证书
rgdasda
 
一比一原版(NYU毕业证书)美国纽约大学毕业证如何办理
一比一原版(NYU毕业证书)美国纽约大学毕业证如何办理一比一原版(NYU毕业证书)美国纽约大学毕业证如何办理
一比一原版(NYU毕业证书)美国纽约大学毕业证如何办理
Fir
 
一比一定制(Temasek毕业证书)新加坡淡马锡理工学院毕业证学位证书
一比一定制(Temasek毕业证书)新加坡淡马锡理工学院毕业证学位证书一比一定制(Temasek毕业证书)新加坡淡马锡理工学院毕业证学位证书
一比一定制(Temasek毕业证书)新加坡淡马锡理工学院毕业证学位证书
B
 
一比一原版(PSU毕业证书)美国宾州州立大学毕业证如何办理
一比一原版(PSU毕业证书)美国宾州州立大学毕业证如何办理一比一原版(PSU毕业证书)美国宾州州立大学毕业证如何办理
一比一原版(PSU毕业证书)美国宾州州立大学毕业证如何办理
Fir
 
原版定制美国加州大学河滨分校毕业证原件一模一样
原版定制美国加州大学河滨分校毕业证原件一模一样原版定制美国加州大学河滨分校毕业证原件一模一样
原版定制美国加州大学河滨分校毕业证原件一模一样
A
 
一比一原版英国萨赛克斯大学毕业证如何办理
一比一原版英国萨赛克斯大学毕业证如何办理一比一原版英国萨赛克斯大学毕业证如何办理
一比一原版英国萨赛克斯大学毕业证如何办理
SDSA
 
Production 2024 sunderland culture final - Copy.pptx
Production 2024 sunderland culture final - Copy.pptxProduction 2024 sunderland culture final - Copy.pptx
Production 2024 sunderland culture final - Copy.pptx
ChloeMeadows1
 
一比一原版(UWE毕业证书)西英格兰大学毕业证原件一模一样
一比一原版(UWE毕业证书)西英格兰大学毕业证原件一模一样一比一原版(UWE毕业证书)西英格兰大学毕业证原件一模一样
一比一原版(UWE毕业证书)西英格兰大学毕业证原件一模一样
Fi
 

Kürzlich hochgeladen (20)

iThome_CYBERSEC2024_Drive_Into_the_DarkWeb
iThome_CYBERSEC2024_Drive_Into_the_DarkWebiThome_CYBERSEC2024_Drive_Into_the_DarkWeb
iThome_CYBERSEC2024_Drive_Into_the_DarkWeb
 
一比一原版(Cranfield毕业证书)英国克兰菲尔德大学毕业证如何办理
一比一原版(Cranfield毕业证书)英国克兰菲尔德大学毕业证如何办理一比一原版(Cranfield毕业证书)英国克兰菲尔德大学毕业证如何办理
一比一原版(Cranfield毕业证书)英国克兰菲尔德大学毕业证如何办理
 
一比一原版(Princeton毕业证书)普林斯顿大学毕业证如何办理
一比一原版(Princeton毕业证书)普林斯顿大学毕业证如何办理一比一原版(Princeton毕业证书)普林斯顿大学毕业证如何办理
一比一原版(Princeton毕业证书)普林斯顿大学毕业证如何办理
 
一比一原版加拿大多伦多大学毕业证(UofT毕业证书)如何办理
一比一原版加拿大多伦多大学毕业证(UofT毕业证书)如何办理一比一原版加拿大多伦多大学毕业证(UofT毕业证书)如何办理
一比一原版加拿大多伦多大学毕业证(UofT毕业证书)如何办理
 
原版定制(PSU毕业证书)美国宾州州立大学毕业证原件一模一样
原版定制(PSU毕业证书)美国宾州州立大学毕业证原件一模一样原版定制(PSU毕业证书)美国宾州州立大学毕业证原件一模一样
原版定制(PSU毕业证书)美国宾州州立大学毕业证原件一模一样
 
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkkaudience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
audience research (emma) 1.pptxkkkkkkkkkkkkkkkkk
 
一比一定制(OSU毕业证书)美国俄亥俄州立大学毕业证学位证书
一比一定制(OSU毕业证书)美国俄亥俄州立大学毕业证学位证书一比一定制(OSU毕业证书)美国俄亥俄州立大学毕业证学位证书
一比一定制(OSU毕业证书)美国俄亥俄州立大学毕业证学位证书
 
一比一原版(NYU毕业证书)美国纽约大学毕业证如何办理
一比一原版(NYU毕业证书)美国纽约大学毕业证如何办理一比一原版(NYU毕业证书)美国纽约大学毕业证如何办理
一比一原版(NYU毕业证书)美国纽约大学毕业证如何办理
 
一比一定制(Temasek毕业证书)新加坡淡马锡理工学院毕业证学位证书
一比一定制(Temasek毕业证书)新加坡淡马锡理工学院毕业证学位证书一比一定制(Temasek毕业证书)新加坡淡马锡理工学院毕业证学位证书
一比一定制(Temasek毕业证书)新加坡淡马锡理工学院毕业证学位证书
 
Statistical Analysis of DNS Latencies.pdf
Statistical Analysis of DNS Latencies.pdfStatistical Analysis of DNS Latencies.pdf
Statistical Analysis of DNS Latencies.pdf
 
Registry Data Accuracy Improvements, presented by Chimi Dorji at SANOG 41 / I...
Registry Data Accuracy Improvements, presented by Chimi Dorji at SANOG 41 / I...Registry Data Accuracy Improvements, presented by Chimi Dorji at SANOG 41 / I...
Registry Data Accuracy Improvements, presented by Chimi Dorji at SANOG 41 / I...
 
一比一原版(PSU毕业证书)美国宾州州立大学毕业证如何办理
一比一原版(PSU毕业证书)美国宾州州立大学毕业证如何办理一比一原版(PSU毕业证书)美国宾州州立大学毕业证如何办理
一比一原版(PSU毕业证书)美国宾州州立大学毕业证如何办理
 
💞 Safe And Seℂure ℂall Girls Dehradun ℂall Girls Serviℂe Just ℂall 🍑👄93157910...
💞 Safe And Seℂure ℂall Girls Dehradun ℂall Girls Serviℂe Just ℂall 🍑👄93157910...💞 Safe And Seℂure ℂall Girls Dehradun ℂall Girls Serviℂe Just ℂall 🍑👄93157910...
💞 Safe And Seℂure ℂall Girls Dehradun ℂall Girls Serviℂe Just ℂall 🍑👄93157910...
 
🍑👄Dehradun Esℂorts Serviℂe☎️9315791090🍑👄 ℂall Girl serviℂe in ☎️Dehradun ℂall...
🍑👄Dehradun Esℂorts Serviℂe☎️9315791090🍑👄 ℂall Girl serviℂe in ☎️Dehradun ℂall...🍑👄Dehradun Esℂorts Serviℂe☎️9315791090🍑👄 ℂall Girl serviℂe in ☎️Dehradun ℂall...
🍑👄Dehradun Esℂorts Serviℂe☎️9315791090🍑👄 ℂall Girl serviℂe in ☎️Dehradun ℂall...
 
Reggie miller choke t shirtsReggie miller choke t shirts
Reggie miller choke t shirtsReggie miller choke t shirtsReggie miller choke t shirtsReggie miller choke t shirts
Reggie miller choke t shirtsReggie miller choke t shirts
 
原版定制美国加州大学河滨分校毕业证原件一模一样
原版定制美国加州大学河滨分校毕业证原件一模一样原版定制美国加州大学河滨分校毕业证原件一模一样
原版定制美国加州大学河滨分校毕业证原件一模一样
 
一比一原版英国萨赛克斯大学毕业证如何办理
一比一原版英国萨赛克斯大学毕业证如何办理一比一原版英国萨赛克斯大学毕业证如何办理
一比一原版英国萨赛克斯大学毕业证如何办理
 
Production 2024 sunderland culture final - Copy.pptx
Production 2024 sunderland culture final - Copy.pptxProduction 2024 sunderland culture final - Copy.pptx
Production 2024 sunderland culture final - Copy.pptx
 
一比一原版(UWE毕业证书)西英格兰大学毕业证原件一模一样
一比一原版(UWE毕业证书)西英格兰大学毕业证原件一模一样一比一原版(UWE毕业证书)西英格兰大学毕业证原件一模一样
一比一原版(UWE毕业证书)西英格兰大学毕业证原件一模一样
 
Free on Wednesdays T Shirts Free on Wednesdays Sweatshirts
Free on Wednesdays T Shirts Free on Wednesdays SweatshirtsFree on Wednesdays T Shirts Free on Wednesdays Sweatshirts
Free on Wednesdays T Shirts Free on Wednesdays Sweatshirts
 

Tips To Increase The Speed Of Drupal 8 Websites

  • 1. 14 GREAT WAYS TO IMPROVE WEBSITE SPEED IN DRUPAL 8 INTERNETDEVELS
  • 2. How fast should a website load? The classic recommendation is to keep the website loading speed within 1.5 seconds. INTERNETDEVELS
  • 3. GREAT WAYS TO IMPROVE WEBSITE SPEED IN DRUPAL 8 INTERNETDEVELS
  • 4. • improves website speed for anonymous users, serving your web pages to them very fast • does not work with dynamic content for anonymous users SETTING UP THE INTERNAL PAGE CACHE MODULE 1 INTERNETDEVELS
  • 5. • improve speed both for anonymous and authenticated users • caches web pages excluding the personalized parts SETTING UP THE INTERNAL DYNAMIC PAGE CACHE MODULE 2 INTERNETDEVELS
  • 6. • loads the unpersonalized page elements first and the dynamic ones next 3 SETTING UP THE BIGPIPE INTERNETDEVELS
  • 7. • cache tags allow you to refresh the cache when something changes • cache contexts allow you to show different content depending on the context • cache max-age determines how long the item should be cached 4 CACHING METADATA INTERNETDEVELS
  • 8. • allows you to configure tag-based and time-based caching in Advanced settings CACHING IN DRUPAL 8 VIEWS 5 INTERNETDEVELS
  • 9. • reduces the number of HTTP requests needed for the page to load • reduces of data transferred OPTIMIZING THE BANDWIDTH: CSS/JS AGGREGATION IN DRUPAL 8 6 INTERNETDEVELS
  • 10. USING THE PREFETCHING TECHNIQUE 7 • to speed up the delivery of pages the content from the links begins to be saved in the cache INTERNETDEVELS
  • 11. 8 USING THE EXTERNAL CACHE SYSTEMS Give your website an extra speed boost by using an external cache system — Redis, Varnish, Memcached, and so on. INTERNETDEVELS
  • 12. A content delivery network can deliver your content to users faster due to being a geographically distributed network of proxy servers. USING A CDN TO IMPROVE WEBSITE SPEED 9 INTERNETDEVELS
  • 13. Drupal 8 allows you to provide responsive images that will look optimal on every device. PROVIDING THE RESPONSIVE IMAGE STYLES IN DRUPAL 8 10 INTERNETDEVELS
  • 14. Lazy loading allows you to only load the media that is in the current user’s viewport. In Drupal 8, lazy loading can be applied with the help of contributed modules. USING THE LAZY LOADING FOR BETTER PERFORMANCE IN DRUPAL 8 11 INTERNETDEVELS
  • 15. USING THE LATEST VERSION OF PHP TO IMPROVE WEBSITE SPEED 12 Since PHP improves with each new version, it’s reasonable to keep it updated on your website’s server. INTERNETDEVELS
  • 16. You will greatly improve your site speed by disabling unused modules or replacing heavy ones with better alternatives. CLEANING UP THE UNNECESSARY MODULES 13 INTERNETDEVELS
  • 17. JavaScript frameworks are known for their exceptional capabilities in high loading speeds. It’s trendy to integrate them into Drupal 8 sites. INTEGRATING WITH JAVASCRIPT FRAMEWORKS 14 INTERNETDEVELS
  • 18. Our experts can improve your website speed!