Your SlideShare is downloading. ×
Optimizando nuestro Joomla
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Optimizando nuestro Joomla

6,230

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

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,230
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
25
Comments
1
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
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”
  • Transcript

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

    ×