Post on 11-Apr-2017
@SiteGroundESwww.siteground.es#SGwebinarVelocidadJoomla
Los mejores trucos para aumentar la velocidad de tu Joomla
Un trabajo en equipo
● Optimización de contenido
● Aligerar nuestro sitio● Optimización Joomla! de serie● Optimización del servidor
● Uso de CDNs
● Extensiones Joomla! para
optimizar el sitio
@SiteGroundESwww.siteground.es#SGwebinarVelocidadJoomla
Optimización de contenidos
● Limitar carga de anuncios y código externo
● Optimizar las imágenes: compressor.io, tinypng.com
● Evitar incluir comentarios
HTML y elementos ocultos.● Usar plantillas optimizadas
@SiteGroundESwww.siteground.es#SGwebinarVelocidadJoomla
Lo primero que tenemos que tener en cuenta es que el contenido de nuestro sitio esté optimizado.Si sobrecargamos nuestro sitio con publicidad de otros o códigos de tracking, nuestro sitio será más lento: ¡Cuidado con AdWords y códigos de trackers!Las imágenes deberán estar optimizadas al máximo para la web. Por un lado su tamaño será justo el necesario (nada de imágenes de 3000px de ancho para mostrarlas en 150px) y por otro usaremos algún optimizados de imágenes que nos permita aligerarlas aun más.También es preferible evitar los comentarios en el código HTML y en el código CSSEvitar los “Display:none” en el CSS si podemos hacer una “Modificación” de plantilla para eliminar el elemento.
Aligerar la extensiones
● Desactivar extensiones que no usemos
● Evaluar si realmente son necesarias las extensiones
que tenemos● Comprobar rendimiento de las
extensiones@SiteGroundESwww.siteground.es
#SGwebinarVelocidadJoomla
Toda extensión que no usemos como mínimo está ocupando espacio en disco y en base de datos (por poco que sea) y si no la vamos a usar, es espacio tirado.
Podemos comprobar el rendimiento de las extensiones Joomla! fácilmente usando el modo de depuración, donde nos va a indicar cuánto tiempo tarda en cargar cada parte del sitio y podremos ver dónde tenemos el cuello de botella.
Optimización Joomla!
● Activar el sistema de cache Joomla!
● Activar la compresión Gzip
@SiteGroundESwww.siteground.es#SGwebinarVelocidadJoomla
Las páginas web creadas con un gestor de contenido regeneran constantemente el código web que se envía al usuario y eso es muy costoso en el servidor.
Los sistemas de caché permiten reutilizar el contenido generado y no tener que estar constantemente regenerando lo mismo. son como fotografías del contenido del sitio que podemos enseñar y compartir con todos los usuarios.
La compresión Gzip agiliza el envío de contenidos al cliente ya que reduce el tamaño de los datos a enviar.
Tipos de caché en Joomla!
● Caché de página:
• Para sitios estáticos con escasas actualizaciones
● Caché del sistema:
• Progresiva en sitios dinámicos
• Conservacional para sitios
extremadamente grandes
@SiteGroundESwww.siteground.es#SGwebinarVelocidadJoomla
La caché de página nos aporta una “fotografía” de cada página que mostramos. Es ideal para sitios informativos que no tienen apenas interacción de los usuarios y es el sistema de caché más eficiente. En Joomla! se activa mediante un plugin de sistema “Sistema -Caché”.
Las cachés de sistema cachean cada página del sitio por trozos (por ejemplo hay una “foto” de cada módulo del sitio, otra de los componentes…) se activan en la configuración global de Joomla! y hay dos tipos: Conservacional (para sitios con un tamaño extremadamente grande) y progresiva (para el resto).
No debemos tener ambos tipos de caché activados a la vez en un sitio web.
Optimización del servidor
● Usar PHP 7● Comandos .htaccess● Uso de las cachés de
nuestro hosting
@SiteGroundESwww.siteground.es#SGwebinarVelocidadJoomla
Si el servidor no te da la opción de usar PHP 7, cambia de servidor.
Podemos afinar ligeramente el funcionamiento del servidor con los comandos htaccess
En algunos hosting podremos usar cachés de servidor adicionales, como en el caso de Siteground.
Comandos .htaccess
● Compresión Gzip con mod_deflate de Apache
● Añadir cabeceras de expiración para aprovechar las caches del navegador
@SiteGroundESwww.siteground.es#SGwebinarVelocidadJoomla
DESACTIVAR COMPRESIÓN GZIP DE JOOMLA!
Añadir estas líneas al final de nuestro fichero .htaccess:
# Compress outputAddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-javascript application/javascript text/javascript application/x-font-ttf application/x-font-opentype image/svg+xmlBrowserMatch ^Mozilla/4 gzip-only-text/htmlBrowserMatch ^Mozilla/4\.0[678] no-gzipBrowserMatch \bMSIE !no-gzip !gzip-only-text/html
# Add correct content-type for fontsAddType application/vnd.ms-fontobject .eot AddType application/x-font-ttf .ttfAddType application/x-font-opentype .otfAddType application/x-font-woff .woff
ExpiresActive OnExpiresByType image/png "access plus 12 days"ExpiresByType image/jpeg "access plus 12 days"ExpiresByType image/gif "access plus 12 days"ExpiresByType image/svg+xml "access plus 12 days"ExpiresByType image/x-icon "access plus 12 days"ExpiresByType application/x-shockwave-flash "access plus 12 days"ExpiresByType avideo/mp4 "access plus 12 days"ExpiresByType text/css "access plus 12 days"ExpiresByType text/javascript "access plus 12 days"ExpiresByType application/javascript "access plus 12 days"ExpiresByType application/x-javascript "access plus 12 days"
# Add a far future Expires header for fontsExpiresByType application/vnd.ms-fontobject "access plus 1 year"ExpiresByType application/x-font-ttf "access plus 1 year"ExpiresByType application/x-font-opentype "access plus 1 year"ExpiresByType application/x-font-woff "access plus 1 year"ExpiresByType image/svg+xml "access plus 1 year"
Cachés de hosting
● MemCache● Opciones de SuperCacher
• Caché estática
• Caché dinámica
• Memcached
@SiteGroundESwww.siteground.es#SGwebinarVelocidadJoomla
MemCache se puede usar fácilmente en Joomla! gracias a las opciones e la configuración global, sólo necesitamos que nuestro servidor lo soporte y nos ofrezca el servidor y el puerto para memcached.
SuperCacher es el sistema de cachés desarrollado por Siteground para mejorar aun más el rendimiento de las web de sus clientes
Caché estática almacena el contenido estático de nuestro sitio (imágenes, ficheros javascript, ficheros css…) en la RAM del servidor y permite ofrecerlo mucho más rápido.
La Caché dinámica guarda el contenido del sitio en la RAM del servidor y por tanto también permite servirlo más rápido.
Usando CDN
● Evitar limitaciones● Repartir carga en varios
servidores
● Servir contenido desde localizaciones más cercanas
● Sólo con cosas estáticas
@SiteGroundESwww.siteground.es#SGwebinarVelocidadJoomla
CloudflareRegular Labs CDN
Extensiones Joomla! para optimizar el sitio
● JCH Optimizer● EIR - Easy Image Resizer● PCE - Page Cache Extended
● LLFJ - Lacy Load For Joomla!
@SiteGroundESwww.siteground.es#SGwebinarVelocidadJoomla
Síguenos en@SiteGround_ES
SiteGround España
SiteGround España
@SiteGroundESwww.siteground.es#SGwebinarVelocidadJoomla