Share
No es otro artículo típico de copiar y pegar código, sino más bien mi experiencia compartida sobre cómo optimizo mi sitio de WordPress. No quiero decir que esto es lo mejor pero esto debería funcionar..
Algunos temas de WordPress o temas secundarios utilizan especialmente el comando @import en el archivo CSS para importar el estilo del tema principal. Si bien este método hace que style.css para el tema hijo sea ligero y pequeño, afecta el tiempo de carga, ya que el navegador tiene que descargar la hoja de estilo. El archivo no se descargará en paralelo, sino que se pondrá en cola, lo que se suma al tiempo de carga..
Lo que normalmente hago es eliminar el comando @import de mi archivo CSS y simplemente copiar todo el archivo CSS que inicialmente se estaba importando. Al reducir (usando W3 Total Cache o Wp-Minify) se reducirá el tamaño del archivo CSS.
Otro truco es usar el etiqueta. Según los consejos de mejores prácticas de rendimiento web de Google, La etiqueta permite al navegador descargar archivos en paralelo. Simplemente elimine el comando @import en su hoja de estilo y agregue la hoja de estilo en la forma de:
Opte siempre por el tipo asíncrono de códigos de recursos para sus botones sociales y Google Analytics. Creo que todas las cosas habituales que ponemos en nuestro sitio (Google Analytics, Facebook Like y Google Plus) ya tienen este tipo de código. Asegúrate de usar los códigos de recursos actualizados y de los asíncronos.
La mayoría de las veces, los tutoriales que sigues de otros blogs se escribieron hace meses y no se actualizaron a los códigos asíncronos. Otros casos involucraron complementos que usas para insertar botones sociales. Siempre puede escribir al desarrollador del complemento para que actualice esos códigos..
¿Necesita ejecutar commentreply.js en su página principal cuando no hay una función de comentarios allí? Esa es la idea general. Algunos JavaScript que se ejecutan en su tema pueden ser excluidos de la ejecución en ciertas páginas para disminuir el tiempo de carga de su sitio. Cómo hacemos esto?
Una de las soluciones es utilizar el complemento Widget Logic WordPress para que pueda controlar los widgets o, más bien, las páginas donde aparecerán los widgets. En mi caso, ya que no muestro ningún botón social en mi página principal, configuro el widget en particular para que los recursos de script para ejecutar esos botones solo se ejecuten en páginas individuales..
Puede preguntar, ¿por qué no pongo el script directamente en single.php. La razón es que, dado que estoy usando Twenty Eleven con un tema secundario, la barra lateral está en cola después del contenido principal. Por lo tanto, en teoría, el contenido aparecerá primero (completamente) antes de que aparezcan esos botones. Nadie hace clic en los botones sociales incluso antes de leer el contenido, por lo que es mejor dejar que el contenido salga rápido para sus lectores..
El otro método es utilizar la función de reducción en W3 Total Cache. Realmente puedes elegir dónde incrustar esos scripts minificados (en
, antes de o después ) pero esto requiere mucha prueba y error de su parte. La idea es incrustar scripts que realmente se utilizan en el diseño de su tema en el interior y el resto antes .Durante el proceso de prueba y error, su sitio a menudo aparecerá roto a veces, pero no se preocupe, ya que esto puede solucionarse borrando las cookies y el caché..
CloudFlare ha ganado gran popularidad entre los usuarios de WordPress. La razón es simple, su red CDN funciona y es gratis. Con mayor seguridad y protección contra spambots, CloudFlare es una buena característica para agregar a su instalación de WordPress.
Hoy en día, puede instalar CloudFlare automáticamente desde su cPanel (sujeto a si su compañía de alojamiento lo admite o no). Es incluso más fácil de instalar dentro de cPanel que hacerlo manualmente.
La idea general de cómo hacer que un sitio sea rápido es reducir las cosas necesarias para cargar, el tamaño de la página y enfatizar en los scripts que en realidad crearon el sitio primero que otros scripts como anuncios, botones sociales y análisis. Es recomendable que comprenda la estructura de su tema y sepa qué se carga primero y último para determinar qué script es importante y cuál no..
Le sugiero que pase algún tiempo cada mes utilizando herramientas de evaluación comparativa como GTmetrix y Pingdom Full Page Test para analizar su sitio..
Accentsconagua