Este documento habla sobre la optimización del rendimiento y la velocidad en WordPress. Explica que el WPO (Web Performance Optimization) es el proceso de optimizar sitios web para reducir el tiempo de carga mediante mejoras en el frontend, backend, base de datos, servidores y peticiones. También destaca la importancia de que un sitio web cargue rápido para mejorar la experiencia del usuario y aumentar el tiempo en la página, las conversiones y disminuir el porcentaje de rebote. Finalmente, proporciona recomendaciones para optimizar Word
Arquitectura de Información, la importancia de organizar bien los contenidos de mi web.
Transparencias del curso utilizadas en Garaia Enpresa Digitala sobre arquitectura de información.
Curso sobre como crear plantillas o temas en Wordpress sin conocimientos de programación o maquetación.
En este curso veremos herramientas gratuitas y de pago para poder crear temas de Wordpress para customizar nuestro sitio web de una manera rápida y sencilla.
También veremos como se estructura un tema en Wordpress y ver que ficheros tenemos que crear.
Optimización de sitios web desarrollados en WordPress para sacar el máximo provecho a nuestro sitio web en aspectos tan importantes como es el Plataforma, SEO, WPO, Multi-idioma, Contenido, etc..
Variables a tener en cuenta a la hora de elegir hosting para un proyecto WordPress, y ejemplos de implicaciones técnicas que dicha elección puede tener.
Resumen sobre la charla dedicada a Web Performanca Optimization (WPO) en WordPress organizada por el grupo ZaragozaWP en diciembre de 2015. La velocidad como elemento diferenciador y de mejora tanto en el SEO como en la usabilidad y UX. Métodos de mejora de WordPress.
Introducción a WPO. Herramientas de diagnóstico. Plugins para la optimización. Buenas prácticas en el FrontEnd. Utilización de CDNs.
Arquitectura de Información, la importancia de organizar bien los contenidos de mi web.
Transparencias del curso utilizadas en Garaia Enpresa Digitala sobre arquitectura de información.
Curso sobre como crear plantillas o temas en Wordpress sin conocimientos de programación o maquetación.
En este curso veremos herramientas gratuitas y de pago para poder crear temas de Wordpress para customizar nuestro sitio web de una manera rápida y sencilla.
También veremos como se estructura un tema en Wordpress y ver que ficheros tenemos que crear.
Optimización de sitios web desarrollados en WordPress para sacar el máximo provecho a nuestro sitio web en aspectos tan importantes como es el Plataforma, SEO, WPO, Multi-idioma, Contenido, etc..
Variables a tener en cuenta a la hora de elegir hosting para un proyecto WordPress, y ejemplos de implicaciones técnicas que dicha elección puede tener.
Resumen sobre la charla dedicada a Web Performanca Optimization (WPO) en WordPress organizada por el grupo ZaragozaWP en diciembre de 2015. La velocidad como elemento diferenciador y de mejora tanto en el SEO como en la usabilidad y UX. Métodos de mejora de WordPress.
Introducción a WPO. Herramientas de diagnóstico. Plugins para la optimización. Buenas prácticas en el FrontEnd. Utilización de CDNs.
SEO: Exprime tu sitio web para rankear en Google. Ponencia X BetaBeers - Zara...vm_guerrero
Diapositivas de la ponencia SEO: Exprime tu sitio web para rankear en Google que tuvo lugar en el X BetaBeers de Zaragoza durante el 25 de octubre de 2013.
Evento de Partners SiteGround "Escalando WordPress"SiteGround España
En SiteGround contribuimos activamente en el desarrollo de WordPress, seguimos aprendiendo de todos los que generan avances en la comunidad y queremos compartir este conocimiento con vosotros para que saquéis el máximo partido de WordPress y hagáis crecer vuestros negocios de la forma más óptima posible, ya sea un blog, una tienda online, una empresa, un medio de comunicación, etc.
Por ello, hemos creado nuestros eventos de Partners como punto de encuentro de expertos en WordPress y negocios y el 27 de abril celebramos en Madrid nuestro segundo evento de Partners “Escalando WordPress” con gran éxito (#SiteGroundPartners).
Podéis ver el vídeo resumen en nuestro canal de YouTube aquí https://www.youtube.com/watch?v=Ta_7huBLrAU
WordCamp Bilbao - De HTML a WordPress - @DarioBFDarío BF
Aprende cómo pasar tu maqueta HTML y CSS a tema de WordPress.
Un amplio repaso a la estructura de un theme de WordPress y las buenas prácticas a la hora de desarrollar nuestro propio theme.
Aprende cómo se comporta un tema, controla el Loop, crea menús dinámicos, zonas de widgets, tipos de contenidos personalizados, metaboxes y alguna sorpresa más.
Beneficios de utilizar una CDN en tu proyecto WordPressFernando Puente
El objetivo de la ponencia es presentar las diferentes tipologías de CDN que existen, con ejemplos conocidos, y los beneficios que puede aportar su implementación, tanto en rendimiento como en otros campos, en proyectos WordPress de todo tipo, desde un punto de vista sencillo, sin grandes tecnicismos.
Wordpress como framework - DarioBF en WordCamp BarcelonaDarío BF
Esta sesión será una reflexión de por qué WordPress en la actualidad representa algo más que un gestor de contenidos orientado a blogs y nos hablará de:
- Gestión de administración sencilla.
- Gestión y permisos de usuarios.
- Motor de creación de temas.
- Plugins.
- Caché.
- Gestión de multimedia (imágenes, PDFs, etc).
Además, nos dará algunas claves para aprovechar al máximo sus funciones para utilizarlo como framework de desarrollo.
Rendimiento y velocidad, acelera tu sitio WordPressLibreCon
Que un sitio web cargue rápido es algo muy importante cuando desarrollamos un sitio web. Tanto de cara ahorrar costes de infraestructura como para mejorar al máximo la experiencia de usuario, debemos optimizar al máximo nuestro sitio web. Explicación cómo de una manera sencilla y rápida podemos optimizar nuestros sitios desarrollados en WordPress para así conseguir un tiempo de carga y peso de las páginas menores. Autor: Dani Reguera (Profesor e investigador en Mondragon Unibertsitatea). Librecon.io
Charla betabeers optimización y rendimiento en Wordpress - Marcos RamajoMarcos Ramajo
Ponencia Betabeers- Optimización y rendimiento en Wordpress de Marcos Ramajo de frikitek.com
Métricas de rendimiento y optimización web.
Optimización rendimiento Wordpress.
Plugins cache Wordpress
SEO: Exprime tu sitio web para rankear en Google. Ponencia X BetaBeers - Zara...vm_guerrero
Diapositivas de la ponencia SEO: Exprime tu sitio web para rankear en Google que tuvo lugar en el X BetaBeers de Zaragoza durante el 25 de octubre de 2013.
Evento de Partners SiteGround "Escalando WordPress"SiteGround España
En SiteGround contribuimos activamente en el desarrollo de WordPress, seguimos aprendiendo de todos los que generan avances en la comunidad y queremos compartir este conocimiento con vosotros para que saquéis el máximo partido de WordPress y hagáis crecer vuestros negocios de la forma más óptima posible, ya sea un blog, una tienda online, una empresa, un medio de comunicación, etc.
Por ello, hemos creado nuestros eventos de Partners como punto de encuentro de expertos en WordPress y negocios y el 27 de abril celebramos en Madrid nuestro segundo evento de Partners “Escalando WordPress” con gran éxito (#SiteGroundPartners).
Podéis ver el vídeo resumen en nuestro canal de YouTube aquí https://www.youtube.com/watch?v=Ta_7huBLrAU
WordCamp Bilbao - De HTML a WordPress - @DarioBFDarío BF
Aprende cómo pasar tu maqueta HTML y CSS a tema de WordPress.
Un amplio repaso a la estructura de un theme de WordPress y las buenas prácticas a la hora de desarrollar nuestro propio theme.
Aprende cómo se comporta un tema, controla el Loop, crea menús dinámicos, zonas de widgets, tipos de contenidos personalizados, metaboxes y alguna sorpresa más.
Beneficios de utilizar una CDN en tu proyecto WordPressFernando Puente
El objetivo de la ponencia es presentar las diferentes tipologías de CDN que existen, con ejemplos conocidos, y los beneficios que puede aportar su implementación, tanto en rendimiento como en otros campos, en proyectos WordPress de todo tipo, desde un punto de vista sencillo, sin grandes tecnicismos.
Wordpress como framework - DarioBF en WordCamp BarcelonaDarío BF
Esta sesión será una reflexión de por qué WordPress en la actualidad representa algo más que un gestor de contenidos orientado a blogs y nos hablará de:
- Gestión de administración sencilla.
- Gestión y permisos de usuarios.
- Motor de creación de temas.
- Plugins.
- Caché.
- Gestión de multimedia (imágenes, PDFs, etc).
Además, nos dará algunas claves para aprovechar al máximo sus funciones para utilizarlo como framework de desarrollo.
Rendimiento y velocidad, acelera tu sitio WordPressLibreCon
Que un sitio web cargue rápido es algo muy importante cuando desarrollamos un sitio web. Tanto de cara ahorrar costes de infraestructura como para mejorar al máximo la experiencia de usuario, debemos optimizar al máximo nuestro sitio web. Explicación cómo de una manera sencilla y rápida podemos optimizar nuestros sitios desarrollados en WordPress para así conseguir un tiempo de carga y peso de las páginas menores. Autor: Dani Reguera (Profesor e investigador en Mondragon Unibertsitatea). Librecon.io
Charla betabeers optimización y rendimiento en Wordpress - Marcos RamajoMarcos Ramajo
Ponencia Betabeers- Optimización y rendimiento en Wordpress de Marcos Ramajo de frikitek.com
Métricas de rendimiento y optimización web.
Optimización rendimiento Wordpress.
Plugins cache Wordpress
Optimiza tu word press para que vuele! primeros pasos en wpo (web performance...JuanKa Díaz - jdevelopia
¿Tu página web en WordPress va muy lenta?
¿Quieres hacer campañas de Adwords y te resultan muy elevadas de precio por culpa de una mala optimización en tu web?
Veremos una serie de pasos y conceptos básicos de optimización web para que tu web en WordPress mejore notablemente su velocidad de carga y por ende su ratio de conversión.
Que una web debe cargar rápido lo sabemos todos, porque todos somos impacientes por naturaleza, pero, ¿cómo podemos medir de forma efectiva esto? y todavía más importante, ¿cómo o qué debemos hacer para mejorar esto?
En esta charla presentada por JuanKa Díaz (Programador Front-end y Co-Organizador de la Meetup WordPress Tarragona y Barcelona) veremos los principios básicos del WPO, Web Perfomance Optimization, y como poder aplicarlo de forma gradual a nuestras webs desarrolladas en WordPress.
Esta charla está abierta a todo el mundo que tenga interés en aprender sobre WordPress: ¡tanto a los principiantes como a los más expertos!
¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Optimización We...JuanKa Díaz - jdevelopia
¿Tu página web en WordPress va muy lenta?
¿Quieres hacer campañas de Adwords y te resultan muy elevadas de precio por culpa de una mala optimización en tu web?
Veremos una serie de pasos y conceptos básicos de optimización web para que tu web en WordPress mejore notablemente su velocidad de carga y por ende su ratio de conversión.
Que una web debe cargar rápido lo sabemos todos, porque todos somos impacientes por naturaleza, pero, ¿cómo podemos medir de forma efectiva esto? y todavía más importante, ¿cómo o qué debemos hacer para mejorar esto?
En esta charla presentada por JuanKa Díaz (Desarrollador Front-end y Co-Organizador de la Meetup WordPress Tarragona) veremos los principios básicos del WPO, Web Perfomance Optimization, y como poder aplicarlo de forma gradual a nuestras webs desarrolladas en WordPress.
Montar un WordPress es sencillo, utilizarlo también, pero sacarle el
máximo partido a su configuración ya no lo es tanto. Aprende cómo
detectar los problemas que puedes tener con tu instalación, plantillas
o plugins y descubriremos algunas configuraciones y plugins para
mejorar su rendimiento.
¡Optimiza tu WordPress para que vuele! Primeros pasos en WPO (Web Performance...JuanKa Díaz - jdevelopia
¿Tu página web en WordPress va muy lenta? ¿Quieres hacer campañas de Adwords y te resultan muy elevadas de precio por culpa de una mala optimización en tu web? Veremos una serie de pasos y conceptos básicos de optimización web para que tu web en WordPress mejore notablemente su velocidad de carga y por ende su ratio de conversión.
EL WPO es un conjunto de técnicas a cualquier nivel para mejorar el rendimiento y velocidad de carga de una web. Aquí encontrarás los 10 mandamientos para hacer que tu WordPress cargue rápido
Los mejores trucos para aumentar la velocidad en joomla!Carlos M. Cámara
Desde cómo mejorar tu contenido hasta todo lo que debes pedirle a tu servidor web, descubre los mejores trucos para optimizar tu sitio web con Joomla! para que sea ultrarrápido.
Explico como medir y analizar la forma de carga de una página web y diseñar cambios para mejorar los tiempos de descarga.
Mejora el SEO / SEM, Mejora la conversión (UX), Optimización del hosting.
Puntos clave para optimizar Wordpress by Raiola NetworksRaiola Networks
Presentación utilizada en una ponencia en el DMD Malaga 2016 (digitalmarketingday.es) por Alvaro Fontela de Raiola Networks.
Se describen 8 puntos clave para optimizar Wordpress y conseguir mejorar la velocidad de carga general del sitio web.
Puedes encontrar mas información sobre como optimizar Wordpress en la siguiente dirección URL: https://raiolanetworks.es/blog/
Presentación completada con el articulo sobre optimización de Wordpress publicado en este articulo en el blog Marketing and Web: http://www.marketingandweb.es/marketing/mejorar-la-velocidad-de-carga-en-wordpress/
Optimización de aplicaciones web con base de datos NoSQL In-MemoryGonzalo Chacaltana
Presentación que relata las distintas técnicas para optimizar una aplicación web. El objetivo del documento consiste en introducir al participante en los conceptos sobre escalabilidad horizontal, instalar y trabajar con Redis como base de datos NoSQL In-Memory y aplicar un ejemplo de conectarnos con Redis desde una aplicación PHP.
Charla sobre visualizaciones de datos en el pasado WordCamp Cantabria 2015. Como realizar e incorporar gráficos y diagramas en nuestros sitios web con WordPress
Documentación de cómo podemos instalar y configurar de una manera sencilla un sitio web basado en Wordpress 3.8.
Este manual nos explica paso a paso cómo instalar y configurar para poner en marcha la versión 3.8 de Wordpress en un hosting externo como en nuestra propia máquina.
Esta basado en la documentación de Iñaki Arenaza (@iarenaza) "Monta Worpdress en tu Empresa" y en la documentación de Dani Reguera (@dreguera) "Los mejores plugins para Wordpress".
Kurtso honetan WordPress plataformarekin egingo dugu lan webgune estatiko bat edo gehiago azkar eta modu errazean eraikitzeko, HTML edo CSS programazioa ezagutu beharrik izan gabe. Traducción del curso impartido por Iñaki Arenaza.
3. ¿Qué
es
el
WPO?
• Labores que hacemos para que nuestro sitio web sea mas
rápido
• Esas labores pueden ser en diferentes ámbitos: Plataforma,
base de datos, maquetaciones, servidores, peticiones…
• Podemos Debemos hacer WPO en:
– Frontend
– Backend
• En definitiva, WPO o Web Performance Optimization es el
proceso de optimización de sitios web tanto a nivel usuario
como a nivel servidor para reducir el tiempo de carga del
mismo.
4. ¿Por
qué
es
tan
importante
que
un
si2o
web
carge
rápido?
• Cuanto más rápida vaya una web, el usuario estará más
tiempo en la página
• Cuanto más rápida vaya una web, habrá menos
porcentaje de rebote
• Cuanto más rapida vaya una web, habrá más
conversiones
• Cuanto más rápida vaya una web, mejoraremos la
experiencia de usuario
• Cuanto más rápida vaya una web, tendremos menos
coste de infraestructura.
5. ¿Y qué pasa con las versiones para
dispositivos móviles?
6. Versiones para dispositivos móviles
• Optimizar al máximo el tiempo de carga.
• Optimizar al máximo el peso de la página
• La mayoría de usuarios navega mediante datos (3G,
4G), por lo que no podemos “obligarles” a usar
demasiados datos.
• Optimizar la plantilla al máximo (Responsive optimizado)
10. GtMetrix
• Herramienta web gratuita que nos analiza en
función de Google y Yahoo y nos evalua en
función de la velocidad.
• Nos aporta un listado de aspectos a mejorar
tanto en la web como en el servidor para
mejorar estas valoraciones.
• http://gtmetrix.com
20
11.
12. Pingdom Tools
• Herramienta gratuita y muy potente que nos
permite saber los tiempos de carga, el tamaño
de las páginas
• Nos permite testear desde múltiples
localizaciones
• Compartir los resultados
• Guardar históricos para saber las mejoras que
hemos ido haciendo
• http://tools.pingdom.com/fpt/
16. Estadísticas de rastreo con
WebMasterTools
• Lo que nos dice es el tiempo en milisegundos,
que tarda GoogleBot en entrar en nuestra
página, indexarla y salir. No son datos de
usuarios
• Un tiempo normal sería entre 250 y 500
milisegundos
• Un tiempo óptimo sería entre 150 y 250
• A partir de 1seg (1000mseg) ya sería un tiempo
malo y deberíamos tomar medidas
19. Tiempos de carga en Google
Analytics
• Son datos sacados el 1% de nuestras visitas.
• Si quisieramos que nos sacara de todos:
• Importancia de analizar bien los datos:
– Por país
– Por navegador
– Porcentaje de rebote
– Tiempo de estancia en página
• https://www.youtube.com/watch?v=vWMAsIHbB5g
20.
21. ¿Qué tenemos que tener en
cuenta con WordPress?
• Instalación
de
WordPress
• Configuración
de
WordPress
• Plan2lla
• Los
plugins
(plugini's)
22. Instalación de WordPress
• Lo
primero
el
Hos2ng,
¿Qué
2po
necesitamos?
– Hos2ng
compar2do
– Dedicado
• Hay
que
ser
realistas
con
el
número
de
visitas
que
tenemos,
tráfico
y
lo
más
importante…
¿Cuantas
visitas
esperamos
tener?
24. Nuestra base de datos
• Pensemos qué base de datos necesitamos…
“No sólo de MySQL vive WordPress”
• Si nos decantamos por MySQL optimicemos al
máximo. (WP Optimize plugin)
• ¿MariaDB?
– Para cargas mas complejas su optimizador trabaja mejor
– El acceso mediante views aligera el proceso de carga
– https://mariadb.com/blog/how-install-and-run-wordpress-mariadb
– http://es.wikipedia.org/wiki/MariaDB
25. Nuestro servidor Web
• Si
nos
decantamos
por
Apache
(como
la
mayoría
de
mortales)
intentemos
op2mizar
al
máximo:
– hWps://www.digitalocean.com/community/tutorials/
how-‐to-‐op2mize-‐apache-‐web-‐server-‐performance
– Redirecciones:
del
.htaccess
al
hWpd.conf
• Montando
WordPress
sobre
nginx,
“No
sólo
de
Apache
vive
WordPress”
– hWp://mukom.mondragon.edu/socialmedia/como-‐
instalar-‐wordpress-‐usando-‐nginx-‐como-‐servidor-‐web/
26. Optimizando caché de PHP con
OPCache
• OPcache mejora el rendimiento de PHP
almacenando el código de bytes de un script
precompilado en la memoria compartida,
eliminando así la necesidad de PHP de cargar y
analizar los script en cada petición.
• Esta extensión está incluída en PHP 5.5.0 y
posteriores, y está » disponible en PECL para
las versiones de PHP 5.2, 5.3 y 5.4.
28. Instalación óptima de WordPress
• Instalar
la
ul2ma
versión
siempre
– $
wget
hWp://wordpress.org/latest.tar.gz
• Permisos:
– Carpetas
(wp-‐content,
wp-‐admin,
wp-‐includes)
con
permisos
755
(rwx
r-‐x
r-‐x)
– Ficheros
con
permsiso
644
(rw-‐
r–
r–)
29. Instalación perfecta de WordPress
• Optimizando el wp-config.php
– Activar la caché de WordPress:
• define('WP_CACHE', true);
– Incrementar el autoguardado, por defecto es a 60
segundos:
• define('AUTOSAVE_INTERVAL',160);
– Quitar las revisiones (limpieza en bbdd):
• define('WP_POST_REVISIONS', false);
31. Instalación óptima de WordPress
• Habilitar
la
compresión
gzip
|
deflate
para
nuestro
WordPress:
– Comprimir
al
máximo
los
contenidos:
• U2lizar
compresión
gzip/deflate.
– Lo
que
hacemos
con
este
modo
es
comprimir
los
contenidos,
enviarlos
y
descromprimirlos
al
ser
recibidos.
– De
esta
manera
ahorramos
2empo
de
transferencia.
– Si
ac2vamos
deflate
en
nuestro
servidor
web,
todos
los
ficheros
par2rán
con
la
compresión
ac2vada.
33. Instalación óptima de WordPress
• Sacando partido a WP_Query
– WP_Query es una clase, una de las más importantes
del núcleo de WordPress. Se encarga de determinar
la consulta necesaria a la base de datos de acuerdo a
la información que se está solicitando y, además,
guarda este tipo de consultas frecuentes para
optimizar la carga de la página.
• Op2mizando
con
WP_Query:
– hWp://dariobf.com/wp_query-‐wordpress/
34. Loop normal de WordPress
hWp://dariobf.com/wp_query-‐wordpress/
36. ¿Qué es la pluginitis?
• La dependencia extrema que tenemos de los
plugins
• Los plugins nos relentizan muchísimo nuestro
WordPress puesto que modifican la
funcionalidad. (Hooks, código php, css, etc..)
• Site-Builders vs Programadores
• “Yo tengo un plugin…” “Conozco un plugin…”
“He oído hablar de un plugin que te…” “Pues
con WordPress mi sobrino te lo hace gratis”
39. Analizar los plugins
• ¿Qué
plugin
me
relen2za?
– Por
mal
funcionamiento
– Porque
me
sobreescribe
código
– Porque
me
relen2za
la
base
de
datos
– Porque
me
añade
“basura”
a
mi
código
• Op2micemos
esos
plugins
– SEO
Yoast
vs
Add
Meta
Data
– WP
Touch
– Mul2lingüismo:
mqTranslate
vs
WMPL/Polylang
44. Page Caché
De esta manera sirvo a mis visitantes páginas estáticas del contenido dinámico,
por lo que la carga de servidor es menor.
Con esto consigo que WP no cree la página en cuanto es solicitada y al usuario le
muestro la página que he guardado en memoria
54. ¿Algo más? Apunta…
• U2liza
HTTP
1.1
• U2liza
CSS-‐Sprites
• JetPack
y
su
Photon
para
el
tema
de
distribuir
imágenes
• Configurar
mod_expires
• Cookies
pocas
y
muy
pequeñas
• Domain
sharing,
paralelización
(6
pe2ciones)
• CSS
en
el
<header>,
para
el
DOM
• Como
mucho
dos
archivos
CSS
• Ges2onar
las
DNS
(root53)
• Evita
redirecciones
por
html
o
javascript
• Fuentes
en
vez
de
imágenes
• Especifica
heigth
y
width
en
el
HTML
• Ul2mos
posts?
Ojo
cargar
todo…
• …