Site Performance Optimization for Joomla #jwc13

@hans2103@hans2103

@hans2103 #JWC13 Site Performance Optimization

Site Performance Optimization

Hans Kuijpers @hans2103slideshare.net/hans2103

@hans2103@hans2103

presentation is based on default Joomla 3.1.x installation

with sample data

@hans2103@hans2103

connection to serveruse ping to measure

@hans2103@hans2103

ping msnippets.net

@hans2103@hans2103

ping joomla.org

from The Netherlands

@hans2103@hans2103

ping joomla.org

from Boston HMS

@hans2103@hans2103

conclusion different server means different

connection timeand

location of server matters

@hans2103@hans2103

HTML, PHP, etc. Database

CSS Images

JavaScript

website files

@hans2103@hans2103

tools for testing

@hans2103@hans2103

PageSpeed

@hans2103@hans2103

PageSpeed Insights

@hans2103@hans2103

GTMetrix

@hans2103@hans2103

pingdom

@hans2103@hans2103

404 - not found

use Inspect Element to find and solve

@hans2103@hans2103

find and solve broken links

@hans2103@hans2103

Optimize and combine images

@hans2103@hans2103

http://creativebloq.com/design/image-compression-

tools-1132865

@hans2103@hans2103

imageoptim.com

@hans2103@hans2103

use Command line Interface to optimize images

@hans2103@hans2103

Optimize your JPG’s with JpegOptim

$ find path/to/images/ -iname *.jpg -exec jpegoptim --strip-all -p {} \;

@hans2103@hans2103

Optimize your PNG’s with OptiPNG

$ find path/to/images/ -iname *.png -exec optipng -o7 -preserve {} \;

@hans2103@hans2103

#!/bin/bash # convertImages.sh # Author: Peter Jaap Blaakmeer (elgentos.nl) # https://gist.github.com/peterjaap/7080989 NEWQUALITY=80 NEWSIZE=1000 DIRECTORY=media/catalog/product/ du -hs $DIRECTORY for f in $(find $DIRECTORY -type f); do WIDTH=`identify -format '%w' $f | tr -d "\r\n"`; if [ $WIDTH -gt $NEWSIZE ]; then SIZEBEFORE=`ls -lah $f | awk '{ print $5}'`; convert $f -resize $NEWSIZE -quality $NEWQUALITY $f; SIZEAFTER=`ls -lah $f | awk '{ print $5}'`; echo "$f has been converted - from ${SIZEBEFORE} to ${SIZEAFTER}"; fi done

@hans2103@hans2103

use sprite images

@hans2103@hans2103

reference to a sprite img

@hans2103@hans2103

reduction of 6 http requestsfrom 7 to 1

@hans2103@hans2103

Google for: Retina Revolution

@hans2103@hans2103

check emptyfill

@hans2103@hans2103

@hans2103 #JWC13 Site Performance Optimization1024px x 768px

@hans2103@hans2103

@hans2103 #JWC13 Site Performance Optimization1024px x 768px

@hans2103@hans2103

Minify, Combine & Compress Files

@hans2103@hans2103

1 css filecreated using less

@hans2103@hans2103

The example needs more http-requests.

@hans2103@hans2103

6 css files

@hans2103@hans2103

6 js files

@hans2103@hans2103

@hans2103 #JWC13 Site Performance Optimization@hans2103 #JWC13 Site Performance Optimization

@hans2103@hans2103

http://www.yireo.com/software/joomla-extensions/scriptmerge

@hans2103@hans2103

Before cache plugin

@hans2103@hans2103

2 css files

@hans2103@hans2103

1 js files

@hans2103@hans2103

Gzip compression

@hans2103@hans2103

http://www.whatsmyip.org/ http-compression-test/

@hans2103@hans2103

change to YES

@hans2103

# Compress output using mod_deflate <IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript AddOutputFilterByType DEFLATE application/xml application/xhtml+xml application/rss+xml AddOutputFilterByType DEFLATE application/javascript application/x-javascript ! BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html ! SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary SetEnvIfNoCase Request_URI \.(?:exe|t?gz|zip|bz2|sit|rar)$ no-gzip dont-vary SetEnvIfNoCase Request_URI \.(?:pdf|doc)$ no-gzip dont-vary SetEnvIfNoCase Request_URI \.(?:avi|mov|mp3|mp4|rm)$ no-gzip dont-vary </IfModule>

add to .htaccess

@hans2103@hans2103

@hans2103

Caching

is page in Joomla cache? yes ➙ serve cached page

no ➙ generate page

@hans2103

use jotCache

Joomla cache is good jotCache is better.

exclude pages from cache

@hans2103@hans2103

http://www.jotcomponents.net/ web-programming/jotcache

@hans2103@hans2103

order last

my settings

@hans2103@hans2103

http://msnippets.net/index.php?option=com_content&

view=article&id=1&Itemid=12

@hans2103

Optimize Browser Caching

@hans2103

# Turn on Expires and set default to 0!ExpiresActive On!ExpiresDefault A0! !# Set up caching on media files for 1 year (forever?)!<filesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$">! ExpiresDefault A29030400! Header append Cache-Control "public"!</filesMatch>! !# Set up caching on media files for 1 week!<filesMatch "\.(gif|jpg|jpeg|png|swf)$">! ExpiresDefault A604800! Header append Cache-Control "public"!</filesMatch>! !# Set up 2 Hour caching on commonly updated files!<filesMatch "\.(xml|txt|html|js|css)$">! ExpiresDefault A7200! Header append Cache-Control "proxy-revalidate"!</filesMatch>! !# Force no caching for dynamic files!<filesMatch "\.(php|cgi|pl|htm)$">! ExpiresActive Off! Header set Cache-Control "private, no-cache, no-store, proxy-revalidate, no-transform"! Header set Pragma "no-cache"!</filesMatch>

add to .htaccess

mod_expires in combination with

mod_deflate I know my provider

installed both

@hans2103@hans2103

There are 3 static components without a far-future expiration date.

@hans2103

# Turn on Expires and set default to 0!ExpiresActive On!ExpiresDefault A0! !# Set up caching on media files for 1 year (forever?)!<filesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$">! ExpiresDefault A29030400! Header append Cache-Control "public"!</filesMatch>! !# Set up caching on media files for 1 week!<filesMatch "\.(gif|jpg|jpeg|png|swf)$">! ExpiresDefault A604800! Header append Cache-Control "public"!</filesMatch>! !# Set up 2 Hour caching on commonly updated files!<filesMatch "\.(xml|txt|html|js|css)$">! ExpiresDefault A7200! Header append Cache-Control "proxy-revalidate"!</filesMatch>! !# Force no caching for dynamic files!<filesMatch "\.(php|cgi|pl|htm)$">! ExpiresActive Off! Header set Cache-Control "private, no-cache, no-store, proxy-revalidate, no-transform"! Header set Pragma "no-cache"!</filesMatch>

set this value to a week and YSlow will give you a higher score

add to .htaccess

@hans2103

less is more

@hans2103

remove unneeded modules

@hans2103

uncomment non-used less files

@hans2103

Do you really need mootools?

if not... remove it

using Mootools Enabler/Disabler

@hans2103@hans2103

https://github.com/phproberto/plg_sys_mootable

@hans2103@hans2103

set per menu item

@hans2103@hans2103

https://developers.google.com/speed/libraries/devguide

@hans2103@hans2103

Is a fast website important?

yes it is!

@hans2103@hans2103

have fun creating fast websites

@hans2103@hans2103

@hans2103 #JWC13 Site Performance Optimizationhttp://www.flickr.com/photos/trasimac/1217071176

thank you for your time and have fun

http://slideshare.net/hans2103

hans2103

http://about.me/hans2103

Site Performance Optimization for Joomla #jwc13

Technology

Innodb and XtraDB Architecture and Performance Optimization

Performance Optimization of Deep Learning Frameworks … · Performance Optimization of Deep Learning Frameworks on ... (SandyBridge) Nehalem* Ivy ... a baseline value of 1.0 to

ASP.NET performance optimization

Performance optimization for animation

Technieken & tools @ Joomla! Performance Expert Sessie

MySQL Performance Optimization #JDNL13

Info PJB Edisi 113 | Tahun 2019 · Performance Management, Operation Optimization dan Boiler Optimization. Launching dilakukan pada tanggal 24 Mei 2019. PJB REMDO Center atau PJB

Plant Monitoring & Performance Optimization

metrics - performance monitoring or business value optimization?

Knowledge in Network Optimization Serviços de Informática rootNet VisãorootNet Performance Segurança Troubleshooting Network

WP Performance Optimization

Joomla User Group Suffolk - July 2012 - Crossing the line first or last - performance optimising Joomla! websites by Ruth Cheesley, Virya Technologies

Research Article Performance Comparison of Particle Swarm … · 2020. 1. 19. · Research Article Performance Comparison of Particle Swarm Optimization and Gravitational Search Algorithm

PERFORMANCE ANALYSIS AND OPTIMIZATION OF SEMANTIC …

การใช้งาน Joomla เบื้องต้น · การใช้งาน Joomla เบื้องต้น แนะน าโปรแกรม Joomla "joomla"

2014 PV Performance Modeling Workshop: Optimization strategies with Pvsyst for large scale PV installations: Bruno Wittmer, Pvsyst

ANNUAL DIRECTORY JAHRESINHALTSVERZEICHNIS 2012// Optimization Process optimization for ecologically increasing plant ... Ortec Logiplan GmbH ... Improved performance with advanced

Db performance optimization with indexing

Transforming and optimization of the supply chain to ... · Transforming and optimization of the supply chain to create value and secure growth and performance ... • Classical SAP

Search engine optimization 2015 (joomla chicago) avery cohen