los mejores trucos para aumentar la velocidad en joomla!

13
@SiteGroundES www.siteground.es #SGwebinarVelocidadJoomla Los mejores trucos para aumentar la velocidad de tu Joomla

Upload: carlos-m-camara

Post on 11-Apr-2017

132 views

Category:

Internet


2 download

TRANSCRIPT

@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

[email protected]

#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

¿Preguntas?

@SiteGroundESwww.siteground.es#SGwebinarVelocidadJoomla

Síguenos en@SiteGround_ES

SiteGround España

SiteGround España

@SiteGroundESwww.siteground.es#SGwebinarVelocidadJoomla