How I increased by blog’s load speed by 50% using YSlow How I aumentó en un blog de la velocidad de carga de 50% gracias YSlow

Posted on August 10, 2007 at 12:57 pm Enviado el 10 de agosto de 2007 a 12:57 horas

Make sure to read other posts from the FireFox YSlow series! Asegúrese de leer otros puestos de la FireFox YSlow serie!

  1. Use YSlow Firefox add-on to analyze the performance of your web site Use YSlow Firefox agregación a analizar el rendimiento de su sitio web
  2. How I increased by blog’s load speed by 50% using YSlow How I aumentó en un blog de la velocidad de carga de 50% gracias YSlow

YSlow is a great site performance tuning tool that every blogger and site owner should use! Es un sitio interesante herramienta de mejora del rendimiento que cada usuario de Blogger y sitio propietario debería utilizar! Using YSlow, I was able to have my WordPress blog load almost twice as fast as before by changing a few simple things. Usando YSlow, pude tener mi blog de WordPress carga casi dos veces más rápido que antes por el cambio de un par de simples cosas. WordPress may not have the most optimized code in the world, but most blogs are running slow because of their own lack of understanding of what it takes to make a web site load quickly. WordPress pueden no tener la mayoría de código optimizado en el mundo, pero la mayoría de los blogs están funcionando lento debido a su propia falta de comprensión de lo que se tarda en hacer un sitio web de carga rápida.

The Simple Stuff Las cosas simples

Interestingly enough, I was able to see a 25% improvement in load time by doing the following things: Curiosamente, pude ver a un 25% de mejora en el tiempo de carga, realice las siguientes cosas:

1. Removing SideBar Items - Removing blog directory links from my sidebar and cleaning it up so that it only contains a RSS subscribe, Pages, Categories, Archives, and two third-party links, one to Technorati and one for Spotplex. 1. Eliminar SideBar Temas - La eliminación de enlaces directorio de blog de mi barra lateral y la limpieza a fin de que sólo contiene un RSS suscribirse, Páginas, Categorías, Archivos, y dos terceras partes enlaces, uno para Technorati y uno para Spotplex. Earlier I had BlogTopList, BlogTopArea, and a few other blog ranking chicklets on my sidebar that were causing almost 10 DNS lookups each time the front page loaded. Anteriormente me había BlogTopList, BlogTopArea, y algunos otros blogs Ranking chicklets en mi barra lateral que estaban causando casi 10 búsquedas de DNS en cada momento la página cargada.

I also removed all JavaScript trackers like MyBlogLog, except for Google Analytics. También eliminó todas JavaScript rastreadores como MyBlogLog, con la excepción de Google Analytics. There’s really no need to be tracking using 5 different tracking sites, it only causes more DNS lookups. No hay realmente ninguna necesidad de que el seguimiento de la utilización de 5 de seguimiento de los sitios, que sólo causa más búsquedas DNS. When you run YSlow, check #9 to see how many DNS lookups you currently have. Cuando ejecute YSlow, cheque N. º 9 al ver la cantidad de búsquedas DNS que usted tiene en la actualidad.

2. Delete Useless Plugins - Deactivated useless plugins that were only adding more code to my page or not very helpful in terms of getting traffic or helping a reader while on a page. 2. Suprímase Useless - Plugins desactivados fueron inútiles los plugins que sólo la adición de más código a mi página o no muy útil en términos de tráfico o ayudar a conseguir un lector al mismo tiempo en una página. For example, I was using FeedBurner’s FeedSmith code to add an Email This, Digg This, etc to my posts, but I already have ShareThis installed and a few other social bookmarking links at the top of my page. Por ejemplo, yo estaba utilizando FeedBurner's FeedSmith código para añadir un Email This, Digg Este, etc a mis entradas, pero ya tengo ShareThis instalado y algunos otros vínculos sociales marcador en la parte superior de mi página.

Also, I had more than one tagging plugin installed, which was not helping in any way, so reduced it down to simply Technorati tags. Además, he tenido más de un etiquetado instalado plugin, que no ayuda en modo alguno, por lo que lo redujo a Technorati simplemente etiquetas. Another thing that I did which seemed to help was to actually DELETE the deactivated plugins from the wp-contents\plugin directory. Otra cosa que me parece que hizo fue para ayudar a la realidad DELETE desactiva los plugins del contenido de wp \ plugin de directorio. I’m not sure why, but this helped a somewhat also! No estoy seguro de por qué, pero esto también ayudó un poco!

More Interesting Stuff Más cosas de interés

The above-mentioned steps are easy and a very quick way to lower the load time for your web pages, but there are a couple of more things that I was able to do that helped even more! Las mencionadas medidas son fáciles y una muy rápida forma de reducir el tiempo de carga de sus páginas web, pero hay un par de cosas más que yo era capaz de hacer que ayudó aún más!

#6 on YSlow says that you should move scripts down to the bottom of a page rather than at the top because it holds up the rendering of the web page if they are in the HEAD section. # 6 sobre YSlow dice que debe mover los scripts hacia la parte inferior de una página en vez de en la parte superior, ya que sostiene la prestación de la página web si se encuentran en la sección de HEAD. I had no clue about this and had about 6 scripts that were in the head section. No tenía ni idea acerca de este y tenía alrededor de 6 secuencias de comandos que se encontraban en la sección de cabecera. Moving the scripts down was not as simple as the other steps because you have to edit some of your plugins to have them write the “<script type=”text/javascript” src=…” in the footer section. Traslado de la scripts de abajo no es tan simple como las demás medidas, porque usted tiene que editar algunos de sus plugins para hacer que la escritura "<script de tipo =" texto / Javascript Marcador "src =…" en el pie de pagina.

As a note, though, you will not have able to move ALL of your scripts down to the bottom because some will simply not work! Como nota, sin embargo, no han podido avanzar de TODOS los scripts, hacia la parte inferior debido a que algunos simplemente no funciona! Google Analytics, for example, will have to remain and I left my Subscribe Me in the HEAD also otherwise when you scroll over my Subscribe button instead of a list coming down, nothing would happen. Google Analytics, por ejemplo, tendrá que seguir y me fui de mi Suscríbase Me HEAD también en el de otro modo cuando usted vaya sobre mi Suscríbase botón en lugar de una lista que bajan, nada pasaría.

However, I was able to move my ShareThis, Subscribe Remind , and AJAX Edit Comments scripts to the bottom without any problems. Sin embargo, fui capaz de pasar mi ShareThis, Suscríbase record, y AJAX Editar Comentarios escrituras a la parte inferior sin ningún tipo de problemas. Here’s how you can try moving your scripts to the footer: A continuación se explica cómo puede intentar trasladar sus escrituras a los pie de página:

1. Firstly, backup the original code or file for the plugin! En primer lugar, el código original de la copia de seguridad o archivo para el plugin! If you mess it up, you’ll need to go back to the original! Si lío de ésta, tendrá que volver a la original!

2. Go to your Admin panel and click on Plugins. Vaya a su panel de administrador y haga clic en Plugins. Find the plugin that YSlow is listing as an offender. Buscar el plugin que YSlow es listado como un delincuente. Here is an example of mine currently: He aquí un ejemplo de las minas actualmente:

3. Click on Edit to modify the plugin code. Haga clic en Modificar para modificar el plugin de código. Now do a search in your browser for the phrase “ wp_head “. Ahora hacer una búsqueda en el explorador de la frase "wp_head". wp_head is a hook that plugins can use to dump stuff into the HEAD section. Wp_head es un gancho que los plugins pueden utilizar para descargar material en la sección de HEAD. Change wp_head to ‘wp_footer’ with the single quotes. Cambio wp_head a 'wp_footer' con la sola cita. Now your script code will be moved to the bottom. Ahora su código de la escritura se trasladará a la parte inferior. Sometimes you’ll see more than one wp_head in your plugin file, one for CSS and one for JS. Only change the JS line ! A veces, verá más de una wp_head en su plugin de archivo, una para CSS y otro para JS. JS Sólo cambiar la línea!

4. Save your file and test out what changes were made on the site. Guarde el archivo y probar lo que se hicieron cambios en el sitio. A few minor things changed on mine with the AJAX Edit Comments, but it was nothing major, just a smaller text box. A algunas cosas cambiaron en las minas con el AJAX de redacción de comentarios, pero no fue nada importante, sólo un pequeño cuadro de texto.

Shrink, Zip and Cache Retráctil, Zip y Cache

Ok, so there are two more things that I did to get me to the 50% reduction in load time: got gzip to work with wp-cache and used JSMin to shrink the prototype.js file. Ok, por lo que hay dos cosas que he hecho, para llegar a mí a los 50% de reducción en la carga horaria: se gzip para trabajar con wp - caché y utilizado JSMin para reducir el tamaño del prototype.js archivo.

Getting gzip to work with WP-cache plugin takes a little more editing of your files, so again please make sure to backup everything in case it doesn’t work. Getting gzip para trabajar con WP - plugin de caché toma un poco más de la edición de sus archivos, por lo que de nuevo, por favor asegúrese de efectuar una copia de seguridad de todo en el caso de que no funciona. Anyway, here’s the method I followed to En cualquier caso, aquí está el método que se sigue para update my wp-cache files Wp - actualizar mis archivos de cache . Remember, you should still keep gzip disabled in WordPress. Recuerde que debe mantener con gzip todavía discapacitados en WordPress. Editing the wp-cache code makes the PLUGIN compress the JavaScript files, not WordPress. Wp - Edición de la caché de código hace que el PLUGIN comprimir los archivos JavaScript, no WordPress. So keep gzip disabled in WordPress in order for it to work. Guarde, por tanto, con gzip discapacitados en WordPress con el fin de que éste trabaje.

Lastly, point number 10 in YSlow is to have your JavaScript files Minified. Por último, el punto número 10 en YSlow es tener su JavaScript archivos Minified. This will basically remove all comments and extra line breaks, etc from the code making it much smaller, but impossible to read. Esto básicamente eliminar todos los comentarios y saltos de línea adicionales, etcétera de lo que el código mucho más pequeña, pero imposible de leer. To use Para usar JSMin , download it and copy it to the root of your C drive. , Descargar y copiar a la raíz de su unidad C.

Copy down the JavaScript file you want to shrink and place it in the same directory as the JSMin executable. Copie el archivo JavaScript que desea retráctil y colocarlo en el mismo directorio que las JSMin ejecutable. Go into DOS and CD into the directory with the files. Ir en DOS y CD en el directorio con las imágenes. Type jsmin <originalfilename.js >newfilename.js to convert the file. Tipo jsmin <originalfilename.js> newfilename.js para convertir el archivo.

Once the file is generated, copy it somewhere else, rename it to the original file name and replace it on your server. Una vez que el archivo se genera, se copia en otro lugar, cambiar el nombre al fichero original y sustituirlo por el nombre de su servidor. I was able to reduce my prototype.js file from 74KB to 54Kb using JSMin. Tuve la posibilidad de reducir mi prototype.js archivo de 74KB a 54Kb utilizando JSMin. Unfortunately, I’m still not sure how to move prototype.js to the bottom or if it’s even possible, but if you know, post a comment. Lamentablemente, todavía no estoy seguro de cómo mover prototype.js en el fondo, o si tal cosa es posible, pero si usted sabe, publica un comentario.

Conclusion Conclusión

Even though my site has only a 62 when I run YSlow on it now, it’s far better than the 40 I was getting before I used it! Aunque mi sitio tiene sólo un 62 cuando corro YSlow en ella ahora, es mucho mejor que los 40 yo estaba recibiendo antes de que he usado! If your WordPress blog or web site is running slow, get to working understanding the various issues involved in increasing site performance. WordPress Si su blog o sitio web está funcionando lento, llegar a la comprensión de trabajo de las diversas cuestiones implicadas en el aumento de rendimiento del sitio. Doing a few of these things might save you cash if you think you need a new host or dedicated hosting. Haciendo algunas de estas cosas que usted podría ahorrar dinero si usted piensa que necesita una nueva acogida o alojamiento dedicado.

Now it’s time for me to figure out the expires header and etags, since I got F’s on both of those! Ahora es el momento para mí la figura fuera de la cabecera termina y etags, ya que obtuve la F en ambos de esos!

Technorati Tags: Technorati Tags: , , , , , ,

If you enjoyed this post, make sure you Si gozan de este puesto, asegúrese subscribe to my RSS feed Suscribirse a mi feed RSS ! !

» Filed Under »Presentadas en virtud del Web Site Tips Sitio Web Tips

Related Posts Related Puestos

One Response to “How I increased by blog’s load speed by 50% using YSlow” Una respuesta a "How I aumentó en un blog de la velocidad de carga de 50% gracias YSlow"

      Pingbacks
    1. Wordpress Performance verbessern - Tipps und Tricks Wordpress Comportamiento verbessern - Tipps und Tricks Says: Dice:

      […] Online-Tech-Tips […] […] Online - Tech - Tips […]

      November 1st, 2007 at 3:42 pm 1 de Noviembre de 2007 a 3:42 horas
    Please post your comments/suggestions! Por favor enviar sus comentarios o sugerencias!