Curso AMP (Accelerated Mobile Pages) avanzado donde se tratan temas como: desarrollo y diseño, especificaciones, limitaciones, integraciones de terceros, ejemplos prácticos, estructura, analítica, etc.
Curso centrado en la implementación práctica de las principales acciones y estrategias SEO. Optimización en motores de búsqueda. Cómo hacer que encuentren tu negocio digital en Internet.
Data Science y Data Visualization aplicados al SEOruizmkt
Metodología e implementaciones Data Science y Visualización de datos aplicadas al SEO. Estudio científico y estadístico de acciones en motores de búsqueda.
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
HTTP/3, PHP 7.4 y otras novedades en WPO para WordPressFernando Puente
La nueva implementación del protocolo HTTP sobre QUIC (HTTP/3) o la última versión de PHP (PHP 7.4) son sólo dos de las últimas novedades tecnológicas relacionadas con la mejora de rendimiento de nuestro sitio web desarrollado con WordPress.
Acompáñame a conocer que nuevas estrategias y técnicas, ya disponibles o de inminente aparición, puedes incorporar a tu proyecto web para mejorar y optimizar el rendimiento del mismo.
WordCamp Zaragoza 2020
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
Presentación RodrigoPolo.com @ Barcamp Guatemala '09Rodrigo Polo
Este documento ofrece una guía sobre estándares web y optimización de sitios. Explica que los estándares como UTF-8, XHTML y CSS separan el contenido del diseño y hacen que los sitios sean más indexables para los buscadores. Sin embargo, a veces la prioridad debe ser la comunicación sobre la adherencia estricta a los estándares. El documento luego proporciona consejos para optimizar sitios web mediante la reducción de solicitudes de red, minificación de archivos, uso limitado de marcos y compresión de contenido.
Un recorrido por las principales aplicaciones de AMP: AMP Websites, AMP Ads, AMP Mail y AMP Stories, así como algunos tips y herramientas para creadores,
Curso centrado en la implementación práctica de las principales acciones y estrategias SEO. Optimización en motores de búsqueda. Cómo hacer que encuentren tu negocio digital en Internet.
Data Science y Data Visualization aplicados al SEOruizmkt
Metodología e implementaciones Data Science y Visualización de datos aplicadas al SEO. Estudio científico y estadístico de acciones en motores de búsqueda.
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
HTTP/3, PHP 7.4 y otras novedades en WPO para WordPressFernando Puente
La nueva implementación del protocolo HTTP sobre QUIC (HTTP/3) o la última versión de PHP (PHP 7.4) son sólo dos de las últimas novedades tecnológicas relacionadas con la mejora de rendimiento de nuestro sitio web desarrollado con WordPress.
Acompáñame a conocer que nuevas estrategias y técnicas, ya disponibles o de inminente aparición, puedes incorporar a tu proyecto web para mejorar y optimizar el rendimiento del mismo.
WordCamp Zaragoza 2020
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
Presentación RodrigoPolo.com @ Barcamp Guatemala '09Rodrigo Polo
Este documento ofrece una guía sobre estándares web y optimización de sitios. Explica que los estándares como UTF-8, XHTML y CSS separan el contenido del diseño y hacen que los sitios sean más indexables para los buscadores. Sin embargo, a veces la prioridad debe ser la comunicación sobre la adherencia estricta a los estándares. El documento luego proporciona consejos para optimizar sitios web mediante la reducción de solicitudes de red, minificación de archivos, uso limitado de marcos y compresión de contenido.
Un recorrido por las principales aplicaciones de AMP: AMP Websites, AMP Ads, AMP Mail y AMP Stories, así como algunos tips y herramientas para creadores,
Uno de los factores más desconocidos y que más beneficio aporta en las estrategias de WPO es la carga condicional de plugins, dependiendo del entorno, página, tipo de llamada, usuario.... y que es distinto de cada proyecto. Aprende a desarrollar un plugin que controle la carga condicional de los plugins instalados y activos, cómo manejarlo en multitud de escenarios posibles y mejorar el rendimiento de tu sitio reduciendo notablemente la carga en el servidor.
Aquí el video del taller impartido en WC Zaragoza 2019 - https://wordpress.tv/2019/01/27/fernando-puente-taller-wpo-carga-condicional-de-plugins/
Los plugins son herramientas que extienden la funcionalidad de WordPress al proporcionar funciones y características personalizadas. Existen diferentes tipos de plugins y varias formas de instalarlos, ya sea a través del panel de administración de WordPress, FTP o la línea de comandos. Un plugin puede estar instalado, activado o desactivado, y algunos plugins recomendados incluyen Yoast SEO, WP Super Cache y Contact Form 7.
Optimiza tus webs a bajo costo - WCVenezuela2021Fernando Puente
Este documento presenta estrategias para optimizar el rendimiento web (WPO) a bajo costo. Explica que WPO no se trata solo de velocidad, sino de mejorar la experiencia del usuario mediante el diseño, desarrollo y optimización de recursos. Luego enumera siete principales estrategias WPO como eliminar contenido innecesario, optimizar el rendimiento de recursos, diseñar soluciones óptimas para cada usuario, liberar carga de recursos, aplicar últimas tecnologías, reducir impacto de recursos de terceros
SEO y Wordpress: Aun podemos hacerlo mejorSeñor Muñoz
Este documento ofrece consejos para mejorar el SEO de sitios web construidos con WordPress. Recomienda optimizar la estructura de archivos, títulos, URLs, contenido y diseño para mejorar la experiencia del usuario y los ingresos mediante la mejora del posicionamiento en los motores de búsqueda. Además, sugiere el uso de plugins y herramientas como XML Sitemaps, contenido relacionado y análisis web para mejorar aún más el rendimiento SEO.
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/
El documento proporciona consejos y herramientas para mejorar el posicionamiento web, las conversiones y la usabilidad de un sitio. Se discuten estrategias como SEO, optimización de velocidad de carga, selección de palabras clave y medición de objetivos. También se comparten enlaces a herramientas gratuitas para auditorías técnicas, análisis de tráfico y palabras clave.
Este documento presenta información sobre optimización del rendimiento web. Habla sobre la importancia de la velocidad, el uso de caché, imágenes optimizadas, minificación de CSS y JS, y tecnologías emergentes como AMP y PWAs. El orador comparte consejos sobre infraestructura, caché, frontend y tendencias para mejorar la experiencia del usuario.
Optimizando el perímetro de WordPress - WordCamp Santander 2016Fernando Puente
Este documento describe estrategias para optimizar el rendimiento de WordPress. Explica que la optimización es importante para mejorar el tiempo de carga, el SEO y la experiencia del usuario. Recomienda optimizar desde el principio del diseño del proyecto. También destaca la importancia de elegir un buen hosting y servidor, optimizar el tamaño y diseño del sitio, y utilizar herramientas de prueba para medir el rendimiento. El objetivo final es aplicar diferentes técnicas de optimización de forma continua.
La importancia de la caché para un proyecto WordPress - WordCamp Sevilla 2016Fernando Puente
El documento describe la importancia de la caché para proyectos WordPress. Explica que la caché es un almacenamiento temporal de datos que tiene como objetivos acelerar la velocidad de navegación, descargar menos objetos y reducir la carga del servidor. Luego detalla varias estrategias de caché a diferentes niveles, desde el navegador hasta la base de datos, y concluye que la caché mejora el rendimiento pero requiere una implementación adecuada.
Ciclo de vida de un proyecto WordPress - WordCamp Barcelona 2016Fernando Puente
Este documento describe las diferentes fases del ciclo de vida de un proyecto WordPress, incluyendo la captación, conceptualización, planificación, diseño y desarrollo de contenido, desarrollo, puesta en producción y explotación y mantenimiento. Resalta que no hay un ciclo de vida estándar debido a que cada proyecto y cliente son únicos, y ofrece consejos como fijar el alcance detalladamente y validar cada entregable con el cliente.
Guía AMP 2018. Accelerated Mobile Pages todo en uno.Joseba Ruiz
Estructura, etiquetas, restricciones, consejos, directrices, optimizaciones, básicos, etc. de AMP. Una guía para implementar páginas en dispositivos móviles mucho más rápidas y ligeras. Al final del documento se detalla un ejemplo AMP para sitios ecommerce.
Optimiza tu WordPress para móviles en media hora con AMPFernando Serer
Durante la media hora de la sesión aprenderemos qué es el proyecto AMP, en qué nos puede beneficiar, si es una tecnología que tendríamos que implementar en nuestra web y sobre todo, aprenderemos a adaptar nuestro WordPress para que sirva correctamente el contenido en este formato.
Pondremos en marcha los plugins necesarios para implementar esta tecnología y aprenderemos cómo realizar pequeños cambios para adaptar la representación gráfica a la imagen de nuestra web.
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.
Este documento presenta una introducción al desarrollo de aplicaciones móviles con HTML5. Explica la evolución de la web y cómo ahora es posible crear aplicaciones completas en ella de forma multiplataforma. Luego, analiza el caso práctico de crear una aplicación que funcione en todos los dispositivos para llegar a más público, y propone usar tecnologías como jQuery Mobile para lograrlo de forma sencilla. Finalmente, muestra los primeros pasos para construir una aplicación multiplataforma con esta librería.
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
El documento presenta una introducción a Google App Engine, incluyendo sus ventajas como escalabilidad y reducción de costos. Explica cómo crear la primera aplicación en GAE, validando la cuenta, creando el proyecto y desplegándolo. También cubre el almacenamiento de datos en GAE usando JDO y JPA para mapear objetos al datastore no relacional.
El 80% del tiempo de carga de un sitio web se debe principalmente a Javascript, CSS, imágenes y Flash. Reducir estos componentes acelerará la carga de la página al disminuir las peticiones HTTP. Varias reglas como minimizar assets, usar CDNs y cache pueden optimizar el rendimiento.
Este documento proporciona información sobre la optimización del rendimiento web (WPO) para WordPress. Explica brevemente qué es WPO y por qué es importante, y luego resume los pasos clave para optimizar el frontend, imágenes, contenido, redes, hosting, servidores y bases de datos para mejorar el rendimiento de un sitio web WordPress.
Taller de optimizacion de servidores web tipo LAMPYannick Warnier
Este documento presenta un plan de acción para optimizar servidores web de software libre como LAMP (Linux, Apache, MySQL, PHP). Se detallan los pasos para instalar LAMP, el sistema de gestión de aprendizaje Chamilo, y herramientas como Firebug, Apache Benchmark, XHProf, APC, MemCache, Munin, Expires y Monit. El objetivo es medir el rendimiento, mejorar el uso de recursos y garantizar la disponibilidad de los servicios mediante la configuración y supervisión adecuadas.
Pol Martínez presenta una introducción a la optimización del rendimiento web (WPO). Explica que la WPO mide y analiza la carga de páginas web para proponer mejoras que aumenten la velocidad, el posicionamiento en buscadores y la conversión. También describe varias soluciones comunes de WPO como habilitar la compresión, combinar archivos estáticos y cargar scripts de forma asíncrona para mejorar el rendimiento general de las páginas web.
Optimiza WordPress y a correr - WordCamp Cantabria 2015 - @DarioBFDarío BF
Este documento resume los conceptos clave de optimización de rendimiento web (WPO). Explica que WPO mejora el tiempo de carga de los sitios web mediante la optimización del lado del servidor y el cliente. Algunas técnicas discutidas incluyen la compresión Gzip, combinar archivos CSS y JS, usar sprites CSS para imágenes, cachear contenido estático y minimizar solicitudes HTTP. El documento también cubre herramientas de WPO y formas específicas de optimizar sitios WordPress.
Uno de los factores más desconocidos y que más beneficio aporta en las estrategias de WPO es la carga condicional de plugins, dependiendo del entorno, página, tipo de llamada, usuario.... y que es distinto de cada proyecto. Aprende a desarrollar un plugin que controle la carga condicional de los plugins instalados y activos, cómo manejarlo en multitud de escenarios posibles y mejorar el rendimiento de tu sitio reduciendo notablemente la carga en el servidor.
Aquí el video del taller impartido en WC Zaragoza 2019 - https://wordpress.tv/2019/01/27/fernando-puente-taller-wpo-carga-condicional-de-plugins/
Los plugins son herramientas que extienden la funcionalidad de WordPress al proporcionar funciones y características personalizadas. Existen diferentes tipos de plugins y varias formas de instalarlos, ya sea a través del panel de administración de WordPress, FTP o la línea de comandos. Un plugin puede estar instalado, activado o desactivado, y algunos plugins recomendados incluyen Yoast SEO, WP Super Cache y Contact Form 7.
Optimiza tus webs a bajo costo - WCVenezuela2021Fernando Puente
Este documento presenta estrategias para optimizar el rendimiento web (WPO) a bajo costo. Explica que WPO no se trata solo de velocidad, sino de mejorar la experiencia del usuario mediante el diseño, desarrollo y optimización de recursos. Luego enumera siete principales estrategias WPO como eliminar contenido innecesario, optimizar el rendimiento de recursos, diseñar soluciones óptimas para cada usuario, liberar carga de recursos, aplicar últimas tecnologías, reducir impacto de recursos de terceros
SEO y Wordpress: Aun podemos hacerlo mejorSeñor Muñoz
Este documento ofrece consejos para mejorar el SEO de sitios web construidos con WordPress. Recomienda optimizar la estructura de archivos, títulos, URLs, contenido y diseño para mejorar la experiencia del usuario y los ingresos mediante la mejora del posicionamiento en los motores de búsqueda. Además, sugiere el uso de plugins y herramientas como XML Sitemaps, contenido relacionado y análisis web para mejorar aún más el rendimiento SEO.
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/
El documento proporciona consejos y herramientas para mejorar el posicionamiento web, las conversiones y la usabilidad de un sitio. Se discuten estrategias como SEO, optimización de velocidad de carga, selección de palabras clave y medición de objetivos. También se comparten enlaces a herramientas gratuitas para auditorías técnicas, análisis de tráfico y palabras clave.
Este documento presenta información sobre optimización del rendimiento web. Habla sobre la importancia de la velocidad, el uso de caché, imágenes optimizadas, minificación de CSS y JS, y tecnologías emergentes como AMP y PWAs. El orador comparte consejos sobre infraestructura, caché, frontend y tendencias para mejorar la experiencia del usuario.
Optimizando el perímetro de WordPress - WordCamp Santander 2016Fernando Puente
Este documento describe estrategias para optimizar el rendimiento de WordPress. Explica que la optimización es importante para mejorar el tiempo de carga, el SEO y la experiencia del usuario. Recomienda optimizar desde el principio del diseño del proyecto. También destaca la importancia de elegir un buen hosting y servidor, optimizar el tamaño y diseño del sitio, y utilizar herramientas de prueba para medir el rendimiento. El objetivo final es aplicar diferentes técnicas de optimización de forma continua.
La importancia de la caché para un proyecto WordPress - WordCamp Sevilla 2016Fernando Puente
El documento describe la importancia de la caché para proyectos WordPress. Explica que la caché es un almacenamiento temporal de datos que tiene como objetivos acelerar la velocidad de navegación, descargar menos objetos y reducir la carga del servidor. Luego detalla varias estrategias de caché a diferentes niveles, desde el navegador hasta la base de datos, y concluye que la caché mejora el rendimiento pero requiere una implementación adecuada.
Ciclo de vida de un proyecto WordPress - WordCamp Barcelona 2016Fernando Puente
Este documento describe las diferentes fases del ciclo de vida de un proyecto WordPress, incluyendo la captación, conceptualización, planificación, diseño y desarrollo de contenido, desarrollo, puesta en producción y explotación y mantenimiento. Resalta que no hay un ciclo de vida estándar debido a que cada proyecto y cliente son únicos, y ofrece consejos como fijar el alcance detalladamente y validar cada entregable con el cliente.
Guía AMP 2018. Accelerated Mobile Pages todo en uno.Joseba Ruiz
Estructura, etiquetas, restricciones, consejos, directrices, optimizaciones, básicos, etc. de AMP. Una guía para implementar páginas en dispositivos móviles mucho más rápidas y ligeras. Al final del documento se detalla un ejemplo AMP para sitios ecommerce.
Optimiza tu WordPress para móviles en media hora con AMPFernando Serer
Durante la media hora de la sesión aprenderemos qué es el proyecto AMP, en qué nos puede beneficiar, si es una tecnología que tendríamos que implementar en nuestra web y sobre todo, aprenderemos a adaptar nuestro WordPress para que sirva correctamente el contenido en este formato.
Pondremos en marcha los plugins necesarios para implementar esta tecnología y aprenderemos cómo realizar pequeños cambios para adaptar la representación gráfica a la imagen de nuestra web.
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.
Este documento presenta una introducción al desarrollo de aplicaciones móviles con HTML5. Explica la evolución de la web y cómo ahora es posible crear aplicaciones completas en ella de forma multiplataforma. Luego, analiza el caso práctico de crear una aplicación que funcione en todos los dispositivos para llegar a más público, y propone usar tecnologías como jQuery Mobile para lograrlo de forma sencilla. Finalmente, muestra los primeros pasos para construir una aplicación multiplataforma con esta librería.
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
El documento presenta una introducción a Google App Engine, incluyendo sus ventajas como escalabilidad y reducción de costos. Explica cómo crear la primera aplicación en GAE, validando la cuenta, creando el proyecto y desplegándolo. También cubre el almacenamiento de datos en GAE usando JDO y JPA para mapear objetos al datastore no relacional.
El 80% del tiempo de carga de un sitio web se debe principalmente a Javascript, CSS, imágenes y Flash. Reducir estos componentes acelerará la carga de la página al disminuir las peticiones HTTP. Varias reglas como minimizar assets, usar CDNs y cache pueden optimizar el rendimiento.
Este documento proporciona información sobre la optimización del rendimiento web (WPO) para WordPress. Explica brevemente qué es WPO y por qué es importante, y luego resume los pasos clave para optimizar el frontend, imágenes, contenido, redes, hosting, servidores y bases de datos para mejorar el rendimiento de un sitio web WordPress.
Taller de optimizacion de servidores web tipo LAMPYannick Warnier
Este documento presenta un plan de acción para optimizar servidores web de software libre como LAMP (Linux, Apache, MySQL, PHP). Se detallan los pasos para instalar LAMP, el sistema de gestión de aprendizaje Chamilo, y herramientas como Firebug, Apache Benchmark, XHProf, APC, MemCache, Munin, Expires y Monit. El objetivo es medir el rendimiento, mejorar el uso de recursos y garantizar la disponibilidad de los servicios mediante la configuración y supervisión adecuadas.
Pol Martínez presenta una introducción a la optimización del rendimiento web (WPO). Explica que la WPO mide y analiza la carga de páginas web para proponer mejoras que aumenten la velocidad, el posicionamiento en buscadores y la conversión. También describe varias soluciones comunes de WPO como habilitar la compresión, combinar archivos estáticos y cargar scripts de forma asíncrona para mejorar el rendimiento general de las páginas web.
Optimiza WordPress y a correr - WordCamp Cantabria 2015 - @DarioBFDarío BF
Este documento resume los conceptos clave de optimización de rendimiento web (WPO). Explica que WPO mejora el tiempo de carga de los sitios web mediante la optimización del lado del servidor y el cliente. Algunas técnicas discutidas incluyen la compresión Gzip, combinar archivos CSS y JS, usar sprites CSS para imágenes, cachear contenido estático y minimizar solicitudes HTTP. El documento también cubre herramientas de WPO y formas específicas de optimizar sitios WordPress.
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
1) El documento describe cómo instalar y configurar Apache, PHP y MySQL en Windows 98 para desarrollo local y pruebas, aunque no es recomendable usar este entorno para producción. 2) Explica los pasos para descargar e instalar los componentes y realizar la configuración necesaria. 3) Como prueba, crea un archivo PHP simple que muestra "Hola Mundo" y verifica que funcione correctamente al acceder desde el navegador.
WPO para bloggers de viaje: mejora el tiempo de carga de tu blogAlfonso Moure Ortega
Mejora el tiempo de carga de tu blog: dónde se pierde velocidad de carga, qué afecta en tu blog y cómo mejorarlo. Mejora el SEO y conversión de tu site con sugerencias para potenciarlo, tanto sencillas como más sofisticadas. ¡Seduce a tus suscriptores con tiempos de cara mínimos!
Optimización de aplicaciones PHP (server side)Oriol Jiménez
Este documento describe varias técnicas para optimizar el rendimiento de aplicaciones PHP en el lado del servidor, incluyendo configuración del servidor web y PHP, separación de contenido estático y dinámico, compresión de salida, uso de caché como APC y Memcached, y pre-generación de páginas. El objetivo principal es disminuir el consumo de recursos y aumentar la velocidad de ejecución de las aplicaciones web desarrolladas en PHP.
WPO: Lo que debes saber sobre como optimizar correctamente tu WordPressRaiola Networks
Presentación de Alvaro Fontela de Raiola Networks en la primera MeetUp de WordPress Lugo
WPO: Lo que debes saber sobre como optimizar correctamente tu WordPress.
Wpo mejora los tiempos de carga de tu web SEMrush_es
Este documento presenta 12 técnicas para optimizar el rendimiento de WordPress. Al aplicar estas técnicas, se mejora la usabilidad, la conversión y se aprovecha mejor el "crawl budget" de Google. También se reduce el consumo de recursos del servidor. Las técnicas incluyen implementar caché, comprimir y combinar archivos CSS y JavaScript, optimizar imágenes, usar CDN y pasar a PHP7.
Web inmobiliaria con word press y multilinkcrmmultilinkcrm
Este documento describe cómo crear un sitio web inmobiliario utilizando WordPress y MultiLinkCRM. MultiLinkCRM exporta los datos de propiedades al sitio web a través de FTP en formato XML. WPAllImport luego carga los datos en la base de datos de WordPress emparejando los campos. Esto actualiza automáticamente el sitio web con un solo clic en MultiLinkCRM.
Jornada / curso sobre posicionamiento web / SEO. Bloque III. Rendimiento técn...Ricardo Tayar López
Este documento resume los principales códigos de estado HTTP y su significado, incluyendo 200 (OK), 301 (redirección permanente), 302 (redirección temporal), 304 (sin modificación), 404 (no encontrado) y 500 (error de servidor). También cubre temas como migraciones de sitios web, variables de sesión, etiquetas avanzadas como canonical y expires, y optimización de la velocidad de carga de páginas web.
4. EPISODIO 1
El componente AMP HTML es básicamente contenido HTML ampliado
con propiedades AMP personalizadas.
¿Qué es AMP?
AMP
5. EPISODIO 1
La biblioteca AMP JS implementa todas las prácticas recomendadas de
rendimiento de AMP, administra la carga de recursos y proporciona las
etiquetas personalizadas HTML para garantizar la representación rápida de
una página.
¿Qué es AMP?
AMP
6. EPISODIO 1
El Google AMP Cache es una red de distribución de contenido basada en
proxy para la entrega de todos los documentos de AMP válidos. Captura las
páginas AMP HTML, las almacena en caché y mejora el rendimiento de estas
automáticamente.
• Sistema de validación
• Archivos con mismo origen HTTP 2.0
¿Qué es AMP?
AMP
8. EPISODIO 1
• Únicamente scripts asíncronos: Para evitar que JavaScript demore la
representación de páginas, AMP solo permite JavaScript asíncrono.
• Recursos ordenados estáticamente: AMP debe determinar el tamaño y la
posición de cada elemento antes de que se descarguen los recursos.
• Anti-bloqueos en la representación: Todas las páginas en las que se use un
script debe ser notificado al sistema AMP (e.g. amp-iframe).
• JS de 3ros lejos de la ruta de acceso crítica: Sólo permitido en iframes.
• CSS alineados y con tamaño limitado: Por debajo de 50kB.
• Activación eficaz de fuentes: El sistema de AMP declara cero solicitudes
HTTP hasta que las fuentes comienzan a descargarse
¿Qué es AMP?
AMP
¡Qué la
fuerza te
acompañe!
9. EPISODIO 1
• Minimización de recálculos: En páginas AMP, todas las lecturas del DOM
tienen lugar antes que las escrituras.
• Animaciones sólo con aceleración GPU: Sólo se permite realizar
animaciones y transiciones en transformación y opacidad.
• Priorización de la carga de recursos: Se descargan 1ro los recursos más
relevantes. Imágenes o anuncios sólo se descargan si es probable que el
usuario los vea. También se realizan capturas previas (carga diferida).
• Las páginas se cargan al instante: La nueva API de preconexión se usa para
garantizar que las solicitudes HTTP sean instantáneas. Una página se puede
estar disponible antes siquiera de que el usuario la haya solicitado.
¿Qué es AMP?
AMP
¡Qué la
fuerza te
acompañe!
10. EPISODIO 2
• Plantilla HTML
• Componentes
• Estilos
• Validación
Desarrollo y Diseño
AMP
12. EPISODIO 2
¿Qué es Boilerplate?
Sirve para ocultar de primeras el contenido hasta que se carga AMP
JavaScript. En caso de quererse incluir CSS adicional hay que usar el tag <style
amp-custom>.
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s
steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s
steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -
amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-
o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-
start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-
animation:none;-ms-animation:none;animation:none}</style></noscript>
Desarrollo y Diseño
AMP
20. EPISODIO 2
3. Estilo de los elementos
Tan fácil como añadir CSS a una hoja de estilo <style amp-custom> en el head
Desarrollo y Diseño
AMP
21. EPISODIO 2
4. Validación AMP https://validator.ampproject.org
addon Amplifier AMP/
Canonical switcher
Desarrollo y Diseño
AMP
22. EPISODIO 3
• Que sí se permite y que no
• Carousel
• Fallback
• CORS
Especificaciones
AMP
23. EPISODIO 3
Especificaciones
AMP
• No se permiten comentarios
• Se permiten las clases
especiales amp-mode-touch,
-mouse y keyboard-active
• @import e !important no
están permitidos
• Y mucho mas …
27. EPISODIO 4
• Añadir un Tuit
• Foto de Instagram
• Entrada de Facebook
• Vídeo de Youtube
• Inserción de anuncios
Añadir a terceros
AMP
28. EPISODIO 4
Insertar un tuit
<script async custom-element="amp-twitter"
src="https://cdn.ampproject.org/v0/amp-
twitter-0.1.js"></script>
Añadir a terceros
AMP
29. EPISODIO 4
Insertar una foto de Instagram
<script async custom-element="amp-instagram"
src="https://cdn.ampproject.org/v0/amp-instagram-
0.1.js"></script>
Añadir a terceros
AMP
30. EPISODIO 4
Insertar entrada de Facebook
<script async custom-element="amp-facebook"
src="https://cdn.ampproject.org/v0/amp-
facebook-0.1.js"></script>
Añadir a terceros
AMP
31. EPISODIO 4
Insertar un vídeo de Youtube
<script async custom-element="amp-youtube"
src="https://cdn.ampproject.org/v0/amp-
youtube-0.1.js"></script>
Añadir a terceros
AMP
32. EPISODIO 4
Mostrar un anuncio
• Únicamente son compatibles los
anuncios que se publiquen a través de
HTTPS
• No se puede ejecutar ningún JavaScript
proporcionado por una red publicitaria
• Placeholderobjeto mostrado en caso de
no haber anuncio que cargar
Añadir a terceros
AMP
33. EPISODIO 5
• Enlazar HTML regular y AMP
• Microdatos
• Cachés AMP
Procesamiento
AMP
35. EPISODIO 5
Microdatos
Contexto semántico que no sólo
ayuda a entender cada uno de los
objetos representados en una
página, sino que además, en algunos
casos ayuda a enriquecer la
información mostrada en los
resultados de búsqueda de los
motores (SERPs).
Procesamiento
AMP
36. EPISODIO 5
Microdatos
El caso excepcional del Carousel.
Sólo aquellas páginas con datos
estructurados y con la etiqueta
previamente comentada podrán ser
mostradas en SERPs al estilo
Carousel.
Procesamiento
AMP
37. EPISODIO 5
Almacenar páginas en caché
• AMP Cache se basa en una red de entrega de contenido (CDN) que sólo
sirve páginas AMP válidas
• Actualmente existen 2 proveedores: Google y Cloudflare.
Procesamiento
AMP
38. EPISODIO 5
Almacenar páginas en caché … pero … ¿Cómo funciona realmente?
1. Las plataformas descubren su contenido de AMP a través de la
etiqueta <html ⚡>o <html amp> y almacenan en caché el contenido.
2. Cuando la plataforma accede a la página, la página se almacena en
caché automáticamente.
• Cloudflare: https://amp.cloudflare.com/c/foo.com/amp_document.html
• Google: https://foo-com.cdn.ampproject.org/c/s/foo.com/amp_document.html
También se puede sugerir actualizar el contenido de esta manera.
Procesamiento
AMP
39. EPISODIO 6
• Creación de una página
AMP básica corrigiendo
uno a uno los errores y
directrices previamente
descritas.
Ejemplo por pasos
AMP
40. EPISODIO 6
1. Agregar el addon Aplicación Google Chrome "Servidor Web para Chrome"
2. Descargarse el fichero https://github.com/googlecodelabs/accelerated-mobile-
pages-foundations/archive/master.zip (versión acortada https://bit.ly/2IvGjOI)
3. Añadir a article.html <script async
src="https://cdn.ampproject.org/v0.js"></script> justo antes de </head>
4. Comprobar en la página article.html … DevTools > Console y seguido
añadir #development=1 a la url y volver a actualizar + comprobar.
5. Añadir <meta charset="utf-8" /> justo después del <head>
6. Añadir justo debajo de lo anterior <link rel="canonical"
href="/article.html">
Ejemplo por pasos
AMP
41. EPISODIO 6
7. Modificar la etiqueta principal <html por <html ⚡ lang="es">
8. Añadir <meta name="viewport" content="width=device-
width,minimum-scale=1,initial-scale=1"> dentro del <head>
9. Añadir en el <head> el tag <link href="base.css" rel="stylesheet" />
¿Qué ha ocurrido al validar el código?
Ejemplo por pasos
AMP
42. EPISODIO 6
10. Quitarlo de nuevo y añadir <style amp-custom></style> en el
<head> con todos los estilos del fichero base.css.
11. Quitar la referencia <script src="base.js"></script>.
Las únicas excepciones para los scripts generados por el usuario son
cuando el atributo de tipo es application/ld+json o application/json.
Ejemplo por pasos
AMP
43. EPISODIO 6
12. Añadir el código Boilerplate al final del <head>.
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-
amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal
both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-
start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-
start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-
start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-
start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-
start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-
animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
Ejemplo por pasos
AMP
44. EPISODIO 6
13. Reemplazar <img> por <amp-img src="mountains.jpg"></amp-img>
¿Por qué se produjo otro error en amp-img? Porque amp-img no es un
sustituto directo de la tradicional etiqueta HTML img. Hay requisitos
adicionales cuando se usa amp-img. El error de diseño nos dice que amp-
img no es compatible con el tipo de diseño del container
Ejemplo por pasos
AMP
45. EPISODIO 6
14. Volver a modificar la misma etiqueta añadiendo los siguientes atributos
<amp-img src="mountains.jpg" width="266" height="150"></amp-img>. Pero
ahora la imagen no se reescala como debería.
Ejemplo por pasos
AMP
46. EPISODIO 6
15. Añadir el atributo
layout …
<amp-img
src="mountains.jpg"
layout="responsive"
width="266"
height="150"></amp-img>
Ejemplo por pasos
AMP
47. EPISODIO 6
Si te has perdido, tienes todo el código perfectamente recopilado en este link.
Ejemplo por pasos
AMP
54. EPISODIO 8
1. Veámoslo en vivo yendo a Google Tag Manager.
2. Añadir el código de la página previa.
3. Crear una propiedad de GA.
4. Comenzar a implementar en GTM.
Analítica
AMP
55. EPISODIO 8
Debido a varias restricciones técnicas, el tráfico de AMP utiliza IDs de cliente distintos
de los que se emplea para el tráfico web. Además, las páginas de AMP se cargan más
rápidamente y muestran patrones de tráfico diferentes. Por lo tanto, deberías usar una
propiedad distinta para medir el tráfico de AMP. Si utilizas una única propiedad para
medir el tráfico de AMP y el que no es de AMP, usa la dimensión fuente de datos o una
dimensión personalizada para diferenciarlos. Si utilizas esta dimensión, no necesitas
código adicional. De forma predeterminada, Google Analytics envía el valor "AMP" en la
dimensión de fuente de datos, que es el valor que puedes usar para segmentar/filtrar o
bien analizar el contenido de AMP y compararlo con el contenido que no es de AMP en
una misma vista.
Más información en este link
Analítica
AMP