Se ha denunciado esta presentación.
Se está descargando tu SlideShare. ×

Joomla Website optimaliseren - jug073 augustus 2018

Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio

Eche un vistazo a continuación

1 de 54 Anuncio

Más Contenido Relacionado

Similares a Joomla Website optimaliseren - jug073 augustus 2018 (20)

Más de Hans Kuijpers (20)

Anuncio

Joomla Website optimaliseren - jug073 augustus 2018

  1. 1. SNELLERE WEBSITESSNELLERE WEBSITES OPTIMALISATIE VAN JOOMLA WEBSITEOPTIMALISATIE VAN JOOMLA WEBSITE Presentatie van Hans Kuijpers
  2. 2. WAAROM?WAAROM? Omdat wachten niet leuk is... het kost je klanten
  3. 3. source: Giphy
  4. 4. PERCEIVED PERFORMANCEPERCEIVED PERFORMANCE Hoe snel de gebruiker denkt dat je website is.
  5. 5. PERCEIVED PERFORMANCEPERCEIVED PERFORMANCE Hoe snel de gebruiker denkt dat je website is. Vaak belangrijker dan de daadwerkelijke snelheid van je site
  6. 6. DRIE GRENZEN VOOR SNELHEIDDRIE GRENZEN VOOR SNELHEID 0.1 sec - direct 1.0 sec - okig 10 sec - dikke doei source: Response Times: The 3 Important Limits - by Jakob Nielsen on January 1, 1993
  7. 7. DRIE GRENZEN VOOR SNELHEIDDRIE GRENZEN VOOR SNELHEID 0.1 sec - direct 1.0 sec - okig 10 sec - dikke doei source: Note: nu 25 jaar verder zal 5 sec de max zijn. Response Times: The 3 Important Limits - by Jakob Nielsen on January 1, 1993
  8. 8. HOE KAN HET SNELLER?HOE KAN HET SNELLER? Blijf up te date
  9. 9. HOE KAN HET SNELLER?HOE KAN HET SNELLER? Blijf up te date Joomla!
  10. 10. HOE KAN HET SNELLER?HOE KAN HET SNELLER? Blijf up te date Joomla! Joomla extensies
  11. 11. HOE KAN HET SNELLER?HOE KAN HET SNELLER? Blijf up te date Joomla! Joomla extensies Hosting
  12. 12. HOE KAN HET SNELLER?HOE KAN HET SNELLER? Blijf up te date Joomla! Joomla extensies Hosting Optimaliseer
  13. 13. HOE KAN HET SNELLER?HOE KAN HET SNELLER? Blijf up te date Joomla! Joomla extensies Hosting Optimaliseer Hosting
  14. 14. HOE KAN HET SNELLER?HOE KAN HET SNELLER? Blijf up te date Joomla! Joomla extensies Hosting Optimaliseer Hosting Extensies
  15. 15. HOE KAN HET SNELLER?HOE KAN HET SNELLER? Blijf up te date Joomla! Joomla extensies Hosting Optimaliseer Hosting Extensies Template
  16. 16. METEN IS WETENMETEN IS WETEN Er zijn vele tools beschikbaar. Kies degene die je fijn vindt werken. - combinatie YSlow en PageSpeed Yellow Lab Tools Pingdom Website Speed Test Web Page Twest PageSpeed Insights GT Metrix Mobile Website Speed Testing
  17. 17. VOORBEELD: SCHIJNDELFILM.NLVOORBEELD: SCHIJNDELFILM.NL
  18. 18. RAPPORTRAPPORT Reduce page weight Reduce number of requests Make a quick first impression
  19. 19. REDUCE PAGE WEIGHTREDUCE PAGE WEIGHT Compress images Compress resources with GZIP Minify resources
  20. 20. REDUCE NUMBER OF REQUESTSREDUCE NUMBER OF REQUESTS Leverage browser caching Eliminate render-blocking JavaScript and CSS in above-the-fold content Avoid landing page redirects
  21. 21. MAKE A QUICK FIRSTMAKE A QUICK FIRST IMPRESSIONIMPRESSION Load visible content before CSS and JS files Reduce server response time
  22. 22. COMPRESS IMAGESCOMPRESS IMAGES verdubbel het formaat en optimaliseer als een gek ( )Retina revolutie vervolg
  23. 23. ONLINE IMAGE OPTIMIZERSONLINE IMAGE OPTIMIZERS (gratis en betaald) - - - - Kraken.io Joomla plugin Gi OfSpeed JPEG Compressor & Resizer PNG Compressor Image Optimization Test
  24. 24. COMPRESS RESOURCES WITHCOMPRESS RESOURCES WITH GZIPGZIP Systeem > Algemene Instellingen > Server > GZIP paginacompressie = JA EN hernoem htaccess.txt in root Joomla naar .htaccess
  25. 25. TEST HET RESULTAAT ONLINETEST HET RESULTAAT ONLINE via https://checkgzipcompression.com/
  26. 26. RICH LINK PREVIEWRICH LINK PREVIEW Meer tools van dezelfde maker: richardstoolbox.com
  27. 27. MINIFY RESOURCESMINIFY RESOURCES Minimaliseer HTML, CSS en JS middels plugin Deze extensie kan nog veel meer. En / of begin al bij de basis van je template en schrijf kleinere css, kleinere js en minder html. JCH Optimize
  28. 28. REDUCE NUMBER OF REQUESTSREDUCE NUMBER OF REQUESTS Activeren Joomla Caching en inzetten van JCH Optimize. Systeem > Algemene Instellingen > Systeem > Cache-instellingen
  29. 29. SYSTEEM CACHESYSTEEM CACHE In of uitschakelen cachen en instellen van cacheniveau. Conservatief niveau: kleinere systeemcache. Aan te bevelen voor sites met veel updates. Progressief niveau: sneller, grotere systeemcache, inclusief het renderen van modulecache. Niet aan te bevelen voor extreem grote websites.
  30. 30. LEVERAGE BROWSER CACHINGLEVERAGE BROWSER CACHING Server verzoekt browser bepaalde bestanden te bewaren voor later
  31. 31. LEVERAGE BROWSER CACHINGLEVERAGE BROWSER CACHING Server verzoekt browser bepaalde bestanden te bewaren voor later Via Expire Headers en/of Cache Control
  32. 32. LEVERAGE BROWSER CACHINGLEVERAGE BROWSER CACHING Server verzoekt browser bepaalde bestanden te bewaren voor later Via Expire Headers en/of Cache Control .htaccess aanpassen via JCH Optimize of zelfstandig (voorkeur)
  33. 33. .HTACCESS WIJZIGEN.HTACCESS WIJZIGEN <IfModule mod_expires.c> ExpiresActive on ExpiresDefault "access plus 1 month" # CSS ExpiresByType text/css "access plus 1 year" # HTML ExpiresByType text/html "access plus 0 seconds" </IfModule> customized .htaccess v3.0.0 with Joomla additions
  34. 34. ELIMINATE RENDER-BLOCKINGELIMINATE RENDER-BLOCKING JAVASCRIPT AND CSS IN ABOVE-JAVASCRIPT AND CSS IN ABOVE- THE-FOLD CONTENTTHE-FOLD CONTENT Gaat voor hier veel te ver
  35. 35. AVOID LANDING PAGE REDIRECTSAVOID LANDING PAGE REDIRECTS http://example.com → http://www.example.com → https://www.example.com Deze redirect chains kost je punten (15% per keer) in Google index.
  36. 36. HTACCESS WIJZIGINGHTACCESS WIJZIGING <IfModule mod_rewrite.c> RewriteEngine On Options +FollowSymlinks RewriteCond %{HTTPS} !=on [OR] RewriteCond %{HTTP_HOST} !^www.schijndelfilm.nl$ RewriteRule ^ https://www.schijndelfilm.nl%{REQUEST_URI} [R=30 </IfModule>
  37. 37. LOAD VISIBLE CONTENT BEFORELOAD VISIBLE CONTENT BEFORE CSS AND JS FILESCSS AND JS FILES Eerst jouw HTML, dan pas 3th party widgets Fallback bij Custom / Google Fonts Minify Resources Consider using CSS instead of images where possible Enable Compression
  38. 38. REDUCE SERVER RESPONSE TIMEREDUCE SERVER RESPONSE TIME Gaat voor hier veel te ver
  39. 39. YELLOW LAB TOOLS VOOR EN NAYELLOW LAB TOOLS VOOR EN NA
  40. 40. VRAGEN?VRAGEN?
  41. 41. SLIDESSLIDES

×