SlideShare una empresa de Scribd logo
1 de 13
Descargar para leer sin conexión
@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 CSS

Evitar 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 output

AddOutputFilterByType 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+xml

BrowserMatch ^Mozilla/4 gzip-only-text/html

BrowserMatch ^Mozilla/4.0[678] no-gzip

BrowserMatch bMSIE !no-gzip !gzip-only-text/html

# Add correct content-type for fonts

AddType application/vnd.ms-fontobject .eot 

AddType application/x-font-ttf .ttf

AddType application/x-font-opentype .otf

AddType application/x-font-woff .woff

ExpiresActive On

ExpiresByType 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 fonts

ExpiresByType 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
Cloudflare

Regular 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

Más contenido relacionado

La actualidad más candente

Multiplica tu productividad usando un preprocesador de css
Multiplica tu productividad usando un preprocesador de cssMultiplica tu productividad usando un preprocesador de css
Multiplica tu productividad usando un preprocesador de css
Leonidas Esteban González
 
C:\fakepath\optimizacion
C:\fakepath\optimizacionC:\fakepath\optimizacion
C:\fakepath\optimizacion
Gonzalo C.
 

La actualidad más candente (20)

HTTP/3, PHP 7.4 y otras novedades en WPO para WordPress
HTTP/3, PHP 7.4 y otras novedades en WPO para WordPressHTTP/3, PHP 7.4 y otras novedades en WPO para WordPress
HTTP/3, PHP 7.4 y otras novedades en WPO para WordPress
 
Arquitectura de información de mi web.
Arquitectura de información de mi web. Arquitectura de información de mi web.
Arquitectura de información de mi web.
 
Multiplica tu productividad usando un preprocesador de css
Multiplica tu productividad usando un preprocesador de cssMultiplica tu productividad usando un preprocesador de css
Multiplica tu productividad usando un preprocesador de css
 
Rendimiento y velocidad, acelera tu sitio WordPress
Rendimiento y velocidad, acelera tu sitio WordPressRendimiento y velocidad, acelera tu sitio WordPress
Rendimiento y velocidad, acelera tu sitio WordPress
 
WPO: Lo que debes saber sobre como optimizar correctamente tu WordPress
WPO: Lo que debes saber sobre como optimizar correctamente tu WordPressWPO: Lo que debes saber sobre como optimizar correctamente tu WordPress
WPO: Lo que debes saber sobre como optimizar correctamente tu WordPress
 
Como aplicar técnicas WPO para optimizar el crawl budget
Como aplicar técnicas WPO para optimizar el crawl budgetComo aplicar técnicas WPO para optimizar el crawl budget
Como aplicar técnicas WPO para optimizar el crawl budget
 
II Congreso Ecommaster - Taller de Magento
II Congreso Ecommaster - Taller de MagentoII Congreso Ecommaster - Taller de Magento
II Congreso Ecommaster - Taller de Magento
 
¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Web Performance...
¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Web Performance...¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Web Performance...
¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Web Performance...
 
Las Herramientas de un Frontend
Las Herramientas de un FrontendLas Herramientas de un Frontend
Las Herramientas de un Frontend
 
Web Performance Best Practices
Web Performance Best PracticesWeb Performance Best Practices
Web Performance Best Practices
 
Taller de optimizacion de servidores web tipo LAMP
Taller de optimizacion de servidores web tipo LAMPTaller de optimizacion de servidores web tipo LAMP
Taller de optimizacion de servidores web tipo LAMP
 
Creación de un plugin para WordPress
Creación de un plugin para WordPressCreación de un plugin para WordPress
Creación de un plugin para WordPress
 
Introducción a Responsive Design
Introducción a Responsive DesignIntroducción a Responsive Design
Introducción a Responsive Design
 
C:\fakepath\optimizacion
C:\fakepath\optimizacionC:\fakepath\optimizacion
C:\fakepath\optimizacion
 
Internacionalización y multilingüismo en WordPress
Internacionalización y multilingüismo en WordPressInternacionalización y multilingüismo en WordPress
Internacionalización y multilingüismo en WordPress
 
Carlos Pascual #WPvalladolid 2014
Carlos Pascual #WPvalladolid 2014Carlos Pascual #WPvalladolid 2014
Carlos Pascual #WPvalladolid 2014
 
Taller avanzado de WordPress por Alvaro Fontela para CEMD
Taller avanzado de WordPress por Alvaro Fontela para CEMDTaller avanzado de WordPress por Alvaro Fontela para CEMD
Taller avanzado de WordPress por Alvaro Fontela para CEMD
 
Flujos de trabajo para un desarrollador web frontend
Flujos de trabajo para un desarrollador web frontendFlujos de trabajo para un desarrollador web frontend
Flujos de trabajo para un desarrollador web frontend
 
Jsp
JspJsp
Jsp
 
mod_deflate
mod_deflatemod_deflate
mod_deflate
 

Similar a Los mejores trucos para aumentar la velocidad en joomla!

Optimizando Sitios Web
Optimizando Sitios WebOptimizando Sitios Web
Optimizando Sitios Web
Grupo Mediabox
 
Html5 - El futuro de la web
Html5 - El futuro de la webHtml5 - El futuro de la web
Html5 - El futuro de la web
Joan Fernández
 

Similar a Los mejores trucos para aumentar la velocidad en joomla! (20)

El tamaño importa - JoomlaDay Sevilla 2015
El tamaño importa - JoomlaDay Sevilla 2015El tamaño importa - JoomlaDay Sevilla 2015
El tamaño importa - JoomlaDay Sevilla 2015
 
Acelera tu sitio WordPress WPO
Acelera tu sitio WordPress WPOAcelera tu sitio WordPress WPO
Acelera tu sitio WordPress WPO
 
Los mejores trucos y prácticas para configurar drupal
Los mejores trucos y prácticas para configurar drupalLos mejores trucos y prácticas para configurar drupal
Los mejores trucos y prácticas para configurar drupal
 
Cómo volarle la peluca a tus usuarios con la velocidad de tu sitio?
Cómo volarle la peluca a tus usuarios con la velocidad de tu sitio?Cómo volarle la peluca a tus usuarios con la velocidad de tu sitio?
Cómo volarle la peluca a tus usuarios con la velocidad de tu sitio?
 
Rendimiento y velocidad en WordPress
Rendimiento y velocidad en WordPress Rendimiento y velocidad en WordPress
Rendimiento y velocidad en WordPress
 
WPO para proyectos WooComerce
WPO para proyectos WooComerceWPO para proyectos WooComerce
WPO para proyectos WooComerce
 
Escalando WordPress
Escalando WordPressEscalando WordPress
Escalando WordPress
 
Optimiza WordPress y a correr - WordCamp Cantabria 2015 - @DarioBF
Optimiza WordPress y a correr - WordCamp Cantabria 2015 - @DarioBFOptimiza WordPress y a correr - WordCamp Cantabria 2015 - @DarioBF
Optimiza WordPress y a correr - WordCamp Cantabria 2015 - @DarioBF
 
Evento de Partners SiteGround "Escalando WordPress"
Evento de Partners SiteGround "Escalando WordPress"Evento de Partners SiteGround "Escalando WordPress"
Evento de Partners SiteGround "Escalando WordPress"
 
Optimizando Sitios Web
Optimizando Sitios WebOptimizando Sitios Web
Optimizando Sitios Web
 
Mejores practicas para acelerar sitios web
Mejores practicas para acelerar sitios webMejores practicas para acelerar sitios web
Mejores practicas para acelerar sitios web
 
Html5 - El futuro de la web
Html5 - El futuro de la webHtml5 - El futuro de la web
Html5 - El futuro de la web
 
Optimización OnPage avanzada
Optimización OnPage avanzadaOptimización OnPage avanzada
Optimización OnPage avanzada
 
Cómo mejorar la velocidad de tu WordPress
Cómo mejorar la velocidad de tu WordPressCómo mejorar la velocidad de tu WordPress
Cómo mejorar la velocidad de tu WordPress
 
Como Acelerar La Carga De Joomla
Como Acelerar La Carga De JoomlaComo Acelerar La Carga De Joomla
Como Acelerar La Carga De Joomla
 
Adrián Garrido - WPO para WordPress.pptx
Adrián Garrido - WPO para WordPress.pptxAdrián Garrido - WPO para WordPress.pptx
Adrián Garrido - WPO para WordPress.pptx
 
Como mejorar-la-velocidad-de-tu-wordpress
Como mejorar-la-velocidad-de-tu-wordpressComo mejorar-la-velocidad-de-tu-wordpress
Como mejorar-la-velocidad-de-tu-wordpress
 
Joomla! v3 - Presentación
Joomla! v3 - PresentaciónJoomla! v3 - Presentación
Joomla! v3 - Presentación
 
Optimiza tus webs a bajo costo - WCVenezuela2021
Optimiza tus webs a bajo costo - WCVenezuela2021Optimiza tus webs a bajo costo - WCVenezuela2021
Optimiza tus webs a bajo costo - WCVenezuela2021
 
WPO para bloggers de viaje: mejora el tiempo de carga de tu blog
WPO para bloggers de viaje: mejora el tiempo de carga de tu blogWPO para bloggers de viaje: mejora el tiempo de carga de tu blog
WPO para bloggers de viaje: mejora el tiempo de carga de tu blog
 

Más de Carlos M. Cámara

Más de Carlos M. Cámara (15)

Develop your Mobile app with Flutter and Joomla 4
 Develop your Mobile app with Flutter and Joomla 4  Develop your Mobile app with Flutter and Joomla 4
Develop your Mobile app with Flutter and Joomla 4
 
Introducción a GTD
Introducción a GTDIntroducción a GTD
Introducción a GTD
 
Venta por valor de una web joomla
Venta por valor de una web joomlaVenta por valor de una web joomla
Venta por valor de una web joomla
 
WebServices y automatizaciones en PrestaShop
WebServices y automatizaciones en PrestaShopWebServices y automatizaciones en PrestaShop
WebServices y automatizaciones en PrestaShop
 
Joomla! en 10 minutos - JoomlaDay Sevilla 2015
Joomla! en 10 minutos  - JoomlaDay Sevilla 2015Joomla! en 10 minutos  - JoomlaDay Sevilla 2015
Joomla! en 10 minutos - JoomlaDay Sevilla 2015
 
Building a complete conference or event site
Building a complete conference or event siteBuilding a complete conference or event site
Building a complete conference or event site
 
Gestión de eventos en Joomla con JEvents
Gestión de eventos en Joomla con JEventsGestión de eventos en Joomla con JEvents
Gestión de eventos en Joomla con JEvents
 
Taller de Jevents del Joomla! Day Spain 2012
Taller de Jevents del Joomla! Day Spain 2012Taller de Jevents del Joomla! Day Spain 2012
Taller de Jevents del Joomla! Day Spain 2012
 
Resumen Beca Leonardo
Resumen Beca LeonardoResumen Beca Leonardo
Resumen Beca Leonardo
 
Plataforma de sensores Bio Mems basada en Cantilevers
Plataforma de sensores Bio Mems basada en CantileversPlataforma de sensores Bio Mems basada en Cantilevers
Plataforma de sensores Bio Mems basada en Cantilevers
 
Sistemas Empotrados: Android
Sistemas Empotrados: AndroidSistemas Empotrados: Android
Sistemas Empotrados: Android
 
Duffy Boats Fuel Cells
Duffy Boats Fuel CellsDuffy Boats Fuel Cells
Duffy Boats Fuel Cells
 
Presentación Linux en Tiempo Real
Presentación Linux en Tiempo RealPresentación Linux en Tiempo Real
Presentación Linux en Tiempo Real
 
Evolucion imagenes medicina
Evolucion imagenes medicinaEvolucion imagenes medicina
Evolucion imagenes medicina
 
Ingenieros
IngenierosIngenieros
Ingenieros
 

Último

DIPTICO SOBRE Conciencia psicológica y Moral.docx
DIPTICO SOBRE Conciencia psicológica y Moral.docxDIPTICO SOBRE Conciencia psicológica y Moral.docx
DIPTICO SOBRE Conciencia psicológica y Moral.docx
JEEPZONGUIAMPIERGONZ
 
Distribucion fisica internacional .pptx
Distribucion fisica internacional  .pptxDistribucion fisica internacional  .pptx
Distribucion fisica internacional .pptx
RicardoCastellanosDr
 
sistema político Mariangel Adjam Mapa mental
sistema político Mariangel Adjam Mapa mentalsistema político Mariangel Adjam Mapa mental
sistema político Mariangel Adjam Mapa mental
MariangelAdjam
 
SINDROME NEFROTICO PEDIATRIA..............................
SINDROME NEFROTICO PEDIATRIA..............................SINDROME NEFROTICO PEDIATRIA..............................
SINDROME NEFROTICO PEDIATRIA..............................
edsontareas
 

Último (15)

MartinezGuzman_Paulina_M1S3AI6.pptxEL uso de las tic en la vida cotidiana
MartinezGuzman_Paulina_M1S3AI6.pptxEL uso de las tic en la vida cotidianaMartinezGuzman_Paulina_M1S3AI6.pptxEL uso de las tic en la vida cotidiana
MartinezGuzman_Paulina_M1S3AI6.pptxEL uso de las tic en la vida cotidiana
 
DIPTICO SOBRE Conciencia psicológica y Moral.docx
DIPTICO SOBRE Conciencia psicológica y Moral.docxDIPTICO SOBRE Conciencia psicológica y Moral.docx
DIPTICO SOBRE Conciencia psicológica y Moral.docx
 
Distribucion fisica internacional .pptx
Distribucion fisica internacional  .pptxDistribucion fisica internacional  .pptx
Distribucion fisica internacional .pptx
 
sistema político Mariangel Adjam Mapa mental
sistema político Mariangel Adjam Mapa mentalsistema político Mariangel Adjam Mapa mental
sistema político Mariangel Adjam Mapa mental
 
PerezGallegos_Claudia_M1S3Al6.pptx las tic en la vida cotidiana
PerezGallegos_Claudia_M1S3Al6.pptx las tic en la vida cotidianaPerezGallegos_Claudia_M1S3Al6.pptx las tic en la vida cotidiana
PerezGallegos_Claudia_M1S3Al6.pptx las tic en la vida cotidiana
 
ciberseguridad y seguridad informatica- alex jaren.pptx
ciberseguridad y seguridad informatica- alex jaren.pptxciberseguridad y seguridad informatica- alex jaren.pptx
ciberseguridad y seguridad informatica- alex jaren.pptx
 
Manual-Microsoft-Office-Excel-2i010-basico.pdf
Manual-Microsoft-Office-Excel-2i010-basico.pdfManual-Microsoft-Office-Excel-2i010-basico.pdf
Manual-Microsoft-Office-Excel-2i010-basico.pdf
 
Presentacion De Imagenes Digitales Y Navegadores De Internet.
Presentacion De Imagenes Digitales Y Navegadores De Internet.Presentacion De Imagenes Digitales Y Navegadores De Internet.
Presentacion De Imagenes Digitales Y Navegadores De Internet.
 
PARTES DE LA PANTALLA DE POWER POINT.pptx
PARTES DE LA PANTALLA DE POWER POINT.pptxPARTES DE LA PANTALLA DE POWER POINT.pptx
PARTES DE LA PANTALLA DE POWER POINT.pptx
 
Imagen creada en photopea con el fin de informar acerca de los navegadores web.
Imagen creada en photopea con el fin de informar acerca de los navegadores web.Imagen creada en photopea con el fin de informar acerca de los navegadores web.
Imagen creada en photopea con el fin de informar acerca de los navegadores web.
 
Dominios_De_Internet.pdf
Dominios_De_Internet.pdfDominios_De_Internet.pdf
Dominios_De_Internet.pdf
 
SINDROME NEFROTICO PEDIATRIA..............................
SINDROME NEFROTICO PEDIATRIA..............................SINDROME NEFROTICO PEDIATRIA..............................
SINDROME NEFROTICO PEDIATRIA..............................
 
LINEA DEL TIEMPO DEL INTERNET - ESTRADA R
LINEA DEL TIEMPO DEL INTERNET - ESTRADA RLINEA DEL TIEMPO DEL INTERNET - ESTRADA R
LINEA DEL TIEMPO DEL INTERNET - ESTRADA R
 
Navegadores de Internet en la actualidad.
Navegadores de Internet en la actualidad.Navegadores de Internet en la actualidad.
Navegadores de Internet en la actualidad.
 
COMO PUBLICAR UNA PRESENTACION GRAFICA EN INTERNET .pptx
COMO PUBLICAR UNA PRESENTACION GRAFICA EN INTERNET .pptxCOMO PUBLICAR UNA PRESENTACION GRAFICA EN INTERNET .pptx
COMO PUBLICAR UNA PRESENTACION GRAFICA EN INTERNET .pptx
 

Los mejores trucos para aumentar la velocidad en joomla!

  • 2. 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
  • 3. 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 CSS Evitar los “Display:none” en el CSS si podemos hacer una “Modificación” de plantilla para eliminar el elemento.
  • 4. 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.
  • 5. 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.
  • 6. 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.
  • 7. 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.
  • 8. 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 output AddOutputFilterByType 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+xml BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4.0[678] no-gzip BrowserMatch bMSIE !no-gzip !gzip-only-text/html # Add correct content-type for fonts AddType application/vnd.ms-fontobject .eot AddType application/x-font-ttf .ttf AddType application/x-font-opentype .otf AddType application/x-font-woff .woff ExpiresActive On ExpiresByType 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 fonts ExpiresByType 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"
  • 9. 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.
  • 10. 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 Cloudflare Regular Labs CDN
  • 11. 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
  • 13. Síguenos en @SiteGround_ES SiteGround España SiteGround España @SiteGroundESwww.siteground.es #SGwebinarVelocidadJoomla