Optimizando nuestro Joomla

6,696 views

Published on

La presentación que usé en el barcampgt el 17 de abril en la UFM. Sobre como usar yslow como metrica de la optimización del sitio

Published in: Technology
1 Comment
1 Like
Statistics
Notes
  • Gracias, he conseguido subir mi página a 98 puntos.

    Por favor, mira haber si ves si puedes mejorar algo: www.adriantunez.es
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
6,696
On SlideShare
0
From Embeds
0
Number of Embeds
1,904
Actions
Shares
0
Downloads
28
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide
  • "Usabilidad es la efectividad , eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico”
  • Optimizando nuestro Joomla

    1. 1. Optimizando nuestro Sitio Optimizando Joomla! Leonel Canton (@leonelcanton) Barcamp Guatemala 2010
    2. 2. Optimización <ul><li>¿A qué nos referimos? </li></ul><ul><ul><li>Nuestro sitio cargue mas rápido (el objetivo de hoy) </li></ul></ul><ul><ul><li>Search Engine Optimization (SEO), mejor posicionamiento en los Buscadores (hablemos un poco también) </li></ul></ul>Leonel Canton (@leonelcanton) Flisol Guatemala 2010
    3. 3. SEO en Joomla! <ul><li>Activemos SEF ( Search Engine Friendly) </li></ul><ul><li>Contenido adecuado </li></ul><ul><ul><li>Según nuestro publico objetivo </li></ul></ul><ul><ul><li>Original </li></ul></ul><ul><ul><li>Actualizado Constantemente </li></ul></ul><ul><ul><li>Paciencia </li></ul></ul>Leonel Canton (@leonelcanton) Flisol Guatemala 2010
    4. 4. Configurando el SEO <ul><li>En la configuración Global, veremos los tres parámetros que necesitamos. </li></ul><ul><ul><li>Noten que el segundo posee un signo de precaución </li></ul></ul>Leonel Canton (@leonelcanton) Flisol Guatemala 2010
    5. 5. Configurando el SEO (resultado individual) <ul><li>Search Engine Friendly URLs </li></ul><ul><ul><li>http://www.adlcweb.com/index.php/guatemala </li></ul></ul><ul><li>Use Apache mod_rewrite </li></ul><ul><ul><li>http://www.adlcweb.com/index.php?option=com_sectionex&view=category&id=7&Itemid=79 </li></ul></ul><ul><li>Add suffix to URLs </li></ul><ul><ul><li>Igual que el anterior </li></ul></ul>Leonel Canton (@leonelcanton) Flisol Guatemala 2010
    6. 6. Configurando el SEO <ul><li>Search Engine Friendly URLs y Use Apache mod_rewrite </li></ul><ul><ul><li>http://www.adlcweb.com/guatemala </li></ul></ul><ul><li>Y si agregamos Add suffix to URLs </li></ul><ul><ul><li>http://www.adlcweb.com/guatemala.html </li></ul></ul>Leonel Canton (@leonelcanton) Flisol Guatemala 2010
    7. 7. Apache mod_rewrite <ul><li>“ Welcome to mod_rewrite, the Swiss Army Knife of URL manipulation!” </li></ul><ul><li>http://httpd.apache.org/docs/2.1/rewrite/ </li></ul>Leonel Canton (@leonelcanton) Flisol Guatemala 2010
    8. 8. Htaccess <ul><li>Archivo de configuración a nivel de directorio </li></ul><ul><li>Funciones </li></ul><ul><ul><li>Authorization, authentication </li></ul></ul><ul><ul><li>Rewriting URLs </li></ul></ul><ul><ul><li>Blocking </li></ul></ul><ul><ul><li>Server-side includes. </li></ul></ul><ul><ul><li>Directory listing </li></ul></ul><ul><ul><li>Customized error responses </li></ul></ul><ul><ul><li>MIME types </li></ul></ul><ul><ul><li>Cache Control </li></ul></ul>Leonel Canton (@leonelcanton) Flisol Guatemala 2010
    9. 9. Experiencia del Usuario <ul><li>Percepción </li></ul><ul><ul><li>Esta en el ojo del Visitante </li></ul></ul><ul><li>Usabilidad </li></ul><ul><li>No siempre el tiempo entre descarga y descarga es lo más importante. </li></ul>Leonel Canton (@leonelcanton) Flisol Guatemala 2010
    10. 10. Usabilidad <ul><li>ISO 9241: Part 11 &quot;The extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use&quot; </li></ul>
    11. 11. Tiempo de Respuesta <ul><li>Métricas adecuadas </li></ul><ul><ul><li>Yslow </li></ul></ul><ul><ul><li>websiteoptimization.com </li></ul></ul><ul><li>Configuración del Servidor </li></ul><ul><li>Creación de la página </li></ul>Leonel Canton (@leonelcanton) Flisol Guatemala 2010
    12. 12. YSlow <ul><li>Analiza las páginas Web y sugiere formas para mejorar su performance en base una serie de reglas </li></ul>Leonel Canton (@leonelcanton) Flisol Guatemala 2010
    13. 13. Las Mejores Practicas para Optimizar su Sitio Web <ul><li>http://developer.yahoo.com/performance/rules.html </li></ul>Leonel Canton (@leonelcanton) Flisol Guatemala 2010 Content (6) Cookie (2) CSS (6) Images (2) JavaScript (4) Server (5) Mobile (2)
    14. 14. Yslow <ul><li>Cada regla, es probada en nuestro sitio y la herramienta le asigna una calificación en punteo, además de una letra. </li></ul><ul><li>Nuestro Objetivo </li></ul><ul><li>A (90 pts) </li></ul>
    15. 15. Joomla! en localhost <ul><li>Wampserver 2.0 (Win XP) </li></ul><ul><li>Joomla 1.5.15 </li></ul><ul><li>Datos de ejemplo </li></ul>
    16. 16. Etag <ul><li>Entity tags (ETags) son mecanismos para revisar por una nueva versión del archivo disponible en el cache. </li></ul><ul><li>¿ Configurar o eliminar ETags? </li></ul><ul><ul><li>Si no lo va a manejar, es mejor eliminarlo </li></ul></ul><ul><ul><li>http://www.websiteoptimization.com/secrets/advanced/configure-etags.html </li></ul></ul>
    17. 17. Yslow (menos Etag)
    18. 18. Compress Components <ul><li>Configurando Joomla! </li></ul>
    19. 19. Compress Components
    20. 20. CssJsCompress <ul><li>Plugin gratuito de joomlatag ( http://extensions.joomla.org/extensions/site-management/site-performance/7350 ) </li></ul><ul><li>Luego de Instalarlo y Nos ayudará a con los css y js que aparecen, sustituyendolos por un archivo comprimido. </li></ul>
    21. 21. CssJsCompress
    22. 22. Expires Headers <ul><li>Necesitamos modulo headers de apache </li></ul>
    23. 23. Expires Headers <ul><li>Otra forma </li></ul>
    24. 24. Expires Headers
    25. 25. Algunas Referencias <ul><li>http://www.slideshare.net/natekoechley/high-performance-web-sites-2008 </li></ul><ul><li>http://stackoverflow.com/questions/373725/javascript-compression-via-htaccess </li></ul><ul><li>http://www.askapache.com/htaccess/apache-speed-expires.html </li></ul>

    ×