Bien bien. \u00bfAs\u00ed que cu\u00e1l es el problema? \u00bfPor qu\u00e9 necesita aprovechar el almacenamiento en cach\u00e9 del navegador en WordPress?<\/p>\n Nuestro equipo de wpDataTables<\/a><\/strong> analiza este asunto en detalle a continuaci\u00f3n, as\u00ed que contin\u00faa leyendo y lograr\u00e1s aprovechar el almacenamiento en cach\u00e9 del navegador al final de este art\u00edculo (crucemos los dedos).<\/p>\n Crear un sitio web visualmente agradable ya no es primordial cuando los tiempos de carga son tan malos que hacen que los usuarios lo abandonen en segundos.<\/p>\n Necesita crear un sitio web<\/a> con p\u00e1ginas de carga r\u00e1pida y contenido de calidad. Toda persona en contacto con Internet deber\u00eda saber esto. Y la forma m\u00e1s f\u00e1cil de hacer que un sitio web sea m\u00e1s r\u00e1pido es aprovechar el almacenamiento en cach\u00e9 del navegador.<\/p>\n Este concepto se explicar\u00e1 m\u00e1s adelante, pero debes saber que es la principal recomendaci\u00f3n de Google cuando se trata de tiempos de carga.<\/p>\n Normalmente, la velocidad de carga de su sitio web se puede mejorar hasta en un 50%, siempre que utilice los m\u00e9todos adecuados.<\/p>\n \u00bfQu\u00e9 tiene que ver el almacenamiento en cach\u00e9 del navegador con esto?<\/p>\n Vamos a profundizar en.<\/p>\n Para aquellos que no saben por qu\u00e9 necesita aprovechar el almacenamiento en cach\u00e9 del navegador, es mejor explicarlo en palabras m\u00e1s simples.<\/p>\n El almacenamiento en cach\u00e9 representa la cantidad de tiempo que los navegadores almacenan localmente los recursos almacenables en cach\u00e9 disponibles en un sitio web.<\/p>\n Estos recursos incluyen im\u00e1genes, JavaScript, CSS y otros. Cada vez que una persona accede al sitio web, los recursos almacenables en cach\u00e9 que est\u00e1n almacenados en su computadora se vuelven a cargar. La velocidad de carga del sitio web se mejora visiblemente. Esta es la raz\u00f3n por la que la gente quiere aprovechar el almacenamiento en cach\u00e9 del navegador en WordPress.<\/p>\n Cuando una persona accede a un determinado dominio, hay m\u00faltiples procesos en segundo plano. Todo lo que compone su sitio web de WordPress se transmite al navegador del usuario, haciendo que el sitio sea visible. Estos componentes del sitio web incluyen contenido, im\u00e1genes, hojas de estilo, scripts y m\u00e1s. Deber\u00e1n trasladarse desde el servidor del sitio web al navegador del usuario siempre que sea necesario. Los pasos detr\u00e1s de este proceso son:<\/p>\n El contenido de la cach\u00e9 se utiliza tanto en navegadores web como en aplicaciones de software. Se almacena temporalmente en su disco local. Estos datos se denominan ‘ Web Cache<\/a> ‘ o ‘ HTTP Cache<\/a> ‘. Cada vez que visite el mismo sitio web, el navegador cargar\u00e1 la informaci\u00f3n almacenada en su computadora y descargar\u00e1 el contenido del sitio web.<\/p>\n Para verificar si su sitio web de WordPress aprovecha correctamente el almacenamiento en cach\u00e9 del navegador, debe usar una herramienta espec\u00edfica. El m\u00e1s popular es Google PageSpeed \u200b\u200bInsights. Averig\u00fce si todo funciona correctamente escribiendo la URL de su sitio.<\/p>\n Luego, haga clic en Analizar y deje que la herramienta haga su magia. PageSpeed \u200b\u200bdeber\u00eda decirle qu\u00e9 puntaje tiene su sitio web en t\u00e9rminos de optimizaci\u00f3n para dispositivos m\u00f3viles y de escritorio. La puntuaci\u00f3n var\u00eda de 0 a 100, y tambi\u00e9n recibir\u00e1 sugerencias sobre c\u00f3mo mejorar su sitio web despu\u00e9s. Una de las sugerencias m\u00e1s comunes es optar por aprovechar el almacenamiento en cach\u00e9 del navegador en WordPress.<\/p>\n wpDataTables<\/a> puede hacerlo de esa manera. Hay una buena raz\u00f3n por la que es el plugin de WordPress n.\u00ba 1 para crear tablas y gr\u00e1ficos receptivos.<\/p>\n Un ejemplo real de wpDataTables en la naturaleza<\/p>\n Y es muy f\u00e1cil hacer algo como esto:<\/p>\n Y no solo es bonito, sino tambi\u00e9n pr\u00e1ctico. Puede crear tablas grandes con hasta millones de filas<\/a>, o puede usar filtros y b\u00fasquedas avanzados<\/a>, o puede volverse loco y hacerlo editable<\/a>.<\/p>\n \u00abS\u00ed, pero me gusta demasiado Excel y no hay nada de eso en los sitios web". S\u00ed, lo hay. Puede usar formato condicional<\/a> como en Excel o Google Sheets.<\/p>\n \u00bfTe dije que tambi\u00e9n puedes crear gr\u00e1ficos<\/a> con tus datos? Y eso es solo una peque\u00f1a parte. Hay muchas otras caracter\u00edsticas<\/a> para ti.<\/p>\n Cualquier usuario de WordPress deber\u00eda saber m\u00e1s sobre el almacenamiento en cach\u00e9 del servidor. Este es un proceso que implica generar p\u00e1ginas web almacenadas en cach\u00e9 para su sitio web a trav\u00e9s del servidor web. Los pasos anteriores representan el almacenamiento en cach\u00e9 del sitio web, que se encuentra principalmente en el lado del servidor.<\/p>\n Hay algunas formas en las que puede mejorar el sistema de almacenamiento en cach\u00e9 del servidor. La opci\u00f3n m\u00e1s recomendada ser\u00eda actualizar los encabezados en Apache. Usar complementos de WordPress ser\u00eda el siguiente paso, y agregar CDN lo sigue.<\/p>\n Para aprovechar el almacenamiento en cach\u00e9 del navegador en WordPress, necesita usar un poco de c\u00f3digo. No te preocupes, no es tan dif\u00edcil como crees.<\/p>\n Solo tienes que llegar al. htaccess file<\/a>, agregue un fragmento de c\u00f3digo determinado y eso es todo. Aprovechar el almacenamiento en cach\u00e9 del navegador con el archivo Htaccess es el m\u00e9todo m\u00e1s f\u00e1cil y efectivo que debe conocer.<\/p>\n La forma m\u00e1s f\u00e1cil y r\u00e1pida de asegurarse de que su sitio web de WordPress est\u00e1 aprovechando al m\u00e1ximo el almacenamiento en cach\u00e9 del lado del servidor y del navegador es utilizar un alojamiento de WordPress administrado<\/a>, que preconfigura todas las configuraciones necesarias para usted.<\/p>\n Aproveche el almacenamiento en cach\u00e9 del navegador en WordPress manualmente haciendo lo siguiente:<\/p>\n Para hacer eso, debe seguir los pasos a continuaci\u00f3n:<\/p>\n Comience iniciando sesi\u00f3n en su cuenta de hosting\/cPanel. Navega al administrador de archivos. Aqu\u00ed encontrar\u00e1 la configuraci\u00f3n del sitio web, donde debe activar la opci\u00f3n Archivo oculto. Luego, vaya al directorio ra\u00edz del sitio web y acceda a su archivo .htaccess.<\/p>\n Por lo general, se encuentra en \/public_html\/.htaccess. Si el dominio de su sitio web es personalizado, lo encontrar\u00e1 en nombre de dominio\/public_html\/.htaccess. Haga clic derecho en el archivo y ed\u00edtelo siguiendo las instrucciones que se le den.<\/p>\n El siguiente paso es el m\u00e1s simple. Copie el c\u00f3digo a continuaci\u00f3n y p\u00e9guelo al final del contenido de su archivo .htaccess. No haga ning\u00fan otro cambio en el archivo.<\/p>\n La configuraci\u00f3n incluida en el c\u00f3digo anterior incluye un tiempo de actualizaci\u00f3n\/caducidad de 600 segundos para HTML y un mes para CSS y JavaScript.<\/p>\n El prop\u00f3sito de este per\u00edodo de vencimiento es evitar que sus visitantes vuelvan a descargar los activos con demasiada frecuencia. Si realiza cambios en t\u00e9rminos de activos con m\u00e1s frecuencia, puede cambiar el per\u00edodo de acuerdo con sus necesidades.<\/p>\n Para las personas que desean aprovechar el almacenamiento en cach\u00e9 del navegador, modificar el archivo .htaccess es la mejor opci\u00f3n.<\/p>\n Como puede ver en el fragmento de c\u00f3digo, las im\u00e1genes caducan despu\u00e9s de que haya pasado un a\u00f1o. Para agregar encabezados de vencimiento .htaccess, debe cambiar el archivo sin da\u00f1ar nada m\u00e1s.<\/p>\n Sin embargo, algunas personas no quieren meterse con su archivo .htaccess. Si esa es su situaci\u00f3n, simplemente puede usar un complemento de almacenamiento en cach\u00e9 del navegador. Encontrar\u00e1 m\u00e1s informaci\u00f3n sobre dichos complementos m\u00e1s adelante en este art\u00edculo.<\/p>\n Copie el c\u00f3digo a continuaci\u00f3n:<\/p>\n Ya no es necesario establecer una fecha de caducidad o una edad m\u00e1xima en los encabezados HTTP porque ya se configur\u00f3 durante el paso anterior, lo que significa que no necesita repetirlo aqu\u00ed.<\/p>\n Etags significa Etiquetas de entidad y se refieren a nuevas versiones de archivos almacenados en cach\u00e9. Debido a que ya configur\u00f3 encabezados de control de cach\u00e9, no es necesario usar ETags, por lo que puede desactivarlos para mejorar los tiempos de carga. Agregue el siguiente fragmento de c\u00f3digo al archivo .htaccess:<\/p>\n \u00a1Guarde el archivo .htaccess y listo!<\/p>\n Si su sitio web usa NGINX, necesitar\u00e1 usar otras piezas de c\u00f3digo porque no podr\u00e1 encontrar el archivo .htaccess. Nuevamente, es un proceso muy f\u00e1cil que no requiere mucho conocimiento t\u00e9cnico. Vaya a \/etc\/nginx\/sites-enabled\/default y pegue este c\u00f3digo all\u00ed:<\/p>\n Probablemente sepa que el tiempo de caducidad de los archivos de imagen est\u00e1 establecido en 365 d\u00edas, el equivalente a un a\u00f1o. Los archivos PDF caducan despu\u00e9s de solo 30 d\u00edas. Puedes personalizar el c\u00f3digo como quieras, igual que en el caso anterior.<\/p>\n Despu\u00e9s de editar NGINX, guarde el archivo y puede estar seguro de que activ\u00f3 el almacenamiento en cach\u00e9 del navegador en el servidor NGINX.<\/p>\n Ajustar el archivo .htaccess donde no lo necesita puede arruinar todo su sitio web. Cometer un solo error dar\u00e1 lugar a p\u00e1ginas en blanco y errores, por lo que es perfectamente comprensible si no desea modificar el archivo usted mismo.<\/p>\n Afortunadamente, existen complementos que pueden ser \u00fatiles, sin necesidad de aprender a habilitar el almacenamiento en cach\u00e9 del navegador de aprovechamiento en WordPress.<\/p>\n a mano. La instalaci\u00f3n de un complemento se puede hacer as\u00ed:<\/p>\n Tambi\u00e9n hay otros complementos que puede usar, y algunos de ellos se enumeran a continuaci\u00f3n. El\u00edgelos seg\u00fan tus necesidades:<\/p>\n La reparaci\u00f3n del almacenamiento en cach\u00e9 del navegador Leverage en WordPress con W3 Total Cache se puede hacer siguiendo los pasos que se detallan a continuaci\u00f3n:<\/p>\n WP Fastest Cache es otro complemento que puede usar para habilitar el almacenamiento en cach\u00e9 del navegador en WordPress.<\/p>\n Este complemento viene con m\u00e1s funciones que pueden resultarle \u00fatiles en el futuro: puede automatizar el proceso de limpieza de la memoria cach\u00e9, o puede hacerlo a mano, puede Purgar la p\u00e1gina manualmente, puede minimizar HTML y JavaScript, y muchas m\u00e1s. Para usarlo, simplemente:<\/p>\n Tambi\u00e9n puede editar el archivo .htaccess en un m\u00e9todo m\u00e1s seguro utilizando el complemento Yoast SEO. El complemento de WordPress m\u00e1s utilizado es SEO de Yoast. Al usar este complemento, puede editar el archivo .htaccess f\u00e1cilmente. Si a\u00fan no tiene Yoast, debe instalarlo y activarlo de antemano. Despu\u00e9s de eso, necesitas:<\/p>\n Despu\u00e9s de realizar los cambios, puede usar Google PageSpeed \u200b\u200bInsights para verificar si todo est\u00e1 bien despu\u00e9s de realizar los cambios. Si su sitio web aprovecha el almacenamiento en cach\u00e9 del navegador correctamente, est\u00e1 listo para comenzar. De lo contrario, debe volver a realizar el proceso y ver lo que se ha perdido.<\/p>\n Despu\u00e9s de realizar todos los cambios descritos en este art\u00edculo, es posible que a\u00fan obtenga una mala puntuaci\u00f3n al probar la velocidad de su sitio web con varias herramientas. Google PageSpeed \u200b\u200bInsights puede darle una mala puntuaci\u00f3n debido a muchos scripts o servicios de terceros que se ejecutan detr\u00e1s de su sitio web. Estos scripts no tienen un tiempo de caducidad prolongado debido a una multitud de razones.<\/p>\n Si a\u00fan recibe mensajes para aprovechar el almacenamiento en cach\u00e9 del navegador en WordPress despu\u00e9s de seguir todos los consejos posibles, no hay mucho que pueda hacer adem\u00e1s de eliminar los scripts que no usa. Un m\u00e1ximo de tres scripts deber\u00eda ser suficiente para un sitio web, as\u00ed que aseg\u00farese de limpiar su lista.<\/p>\n Despu\u00e9s de hacer este cambio, todo deber\u00eda funcionar bien, y se supone que el tiempo de carga de su sitio web es lo m\u00e1s cercano posible a la perfecci\u00f3n. En caso de que encuentre un problema que sea muy espec\u00edfico y no tenga nada que ver con scripts de terceros, debe informarse al respecto y ver qu\u00e9 configuraci\u00f3n causa el problema.<\/p>\n Tenga en cuenta que es posible que no note los cambios que realiza inmediatamente despu\u00e9s de instalar un complemento. El motivo de este retraso es el archivo CSS\/Stylesheet. El cach\u00e9 del navegador que ya guard\u00f3 en su computadora le impedir\u00e1 ver los cambios que ha realizado. Para ver correctamente el sitio web despu\u00e9s de realizar varios cambios, se recomienda visitarlo utilizando la funci\u00f3n de inc\u00f3gnito de su navegador. Al usar esta funci\u00f3n, no usar\u00e1 recursos de cach\u00e9 y deber\u00eda poder ver los cambios correctamente.<\/p>\n Al final del d\u00eda, el m\u00e9todo que elija para aprovechar el almacenamiento en cach\u00e9 del navegador no es relevante. Lo \u00fanico que importa es verlo en acci\u00f3n. Siempre que Aproveche el almacenamiento en cach\u00e9 del navegador en WordPress funcione como se supone, la forma en que lleg\u00f3 all\u00ed no importa. Puede elegir el m\u00e9todo con el que se sienta c\u00f3modo y el resultado ser\u00e1 el mismo. Ya sea que decida modificar el archivo .htaccess o usar un complemento, obtendr\u00e1 mejores tiempos de carga activando Aproveche el almacenamiento en cach\u00e9 del navegador.<\/p>\n Si disfrut\u00f3 leyendo este art\u00edculo sobre c\u00f3mo aprovechar el almacenamiento en cach\u00e9 del navegador en WordPress, debe consultar este sobre c\u00f3mo acelerar WordPress<\/a>.<\/p>\n Tambi\u00e9n escribimos sobre algunos temas relacionados, como el complemento de la base de datos<\/a> de WordPress, el complemento de carga diferida de WordPress<\/a>, las opciones del complemento de cach\u00e9 de WordPress y los<\/a> servicios de CDN<\/a>.<\/p>\n![\"C\u00f3mo](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c002237b.jpg\")
<\/a><\/p>\n![\"C\u00f3mo](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0123c37.jpg\")
<\/a><\/p>\n\u00bfAprovechar el almacenamiento en cach\u00e9 del navegador? \u00bfQu\u00e9 quieres decir con eso?<\/strong><\/h2>\n
\u00bfC\u00f3mo funciona aprovechar el almacenamiento en cach\u00e9 del<\/strong> navegador<\/strong> en WordPress?<\/strong><\/h2>\n
![\"C\u00f3mo](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c022f808.jpg\")
<\/a><\/p>\n\n
Oye, \u00bfsab\u00edas que los datos tambi\u00e9n pueden ser hermosos?<\/h3>\n
![\"C\u00f3mo](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c033e8ad.png\")
<\/a><\/p>\n\n
Diferencias entre el almacenamiento en cach\u00e9 del servidor y el almacenamiento en cach\u00e9 del navegador<\/strong><\/h2>\n
Aproveche el almacenamiento en cach\u00e9 del navegador en WordPress<\/strong><\/h2>\n
\n
\n
Acceder a los archivos del sitio web<\/h4>\n<\/li>\n<\/ol>\n
![\"C\u00f3mo](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0468424.jpg\")
<\/a><\/p>\n\n
Agregue el c\u00f3digo de almacenamiento en cach\u00e9 del navegador en su archivo .htaccess<\/h4>\n<\/li>\n<\/ol>\n
#Customize expires cache start - adjust the period according to your needs\n<IfModule mod_expires.c>\n\u00a0 FileETag MTime Size\n\u00a0 AddOutputFilterByType DEFLATE text\/plain text\/html text\/xml text\/css application\/xml application\/xhtml+xml application\/rss+xml application\/javascript application\/x-javascript\n\u00a0 ExpiresActive On\n\u00a0 ExpiresByType text\/html \"access 600 seconds\"\n\u00a0 ExpiresByType application\/xhtml+xml \"access 600 seconds\"\n\u00a0 ExpiresByType text\/css \"access 1 month\"\n\u00a0 ExpiresByType text\/javascript \"access 1 month\"\n\u00a0 ExpiresByType text\/x-javascript \"access 1 month\"\n\u00a0 ExpiresByType application\/javascript \"access 1 month\"\n\u00a0 ExpiresByType application\/x-javascript \"access 1 month\"\n\u00a0 ExpiresByType application\/x-shockwave-flash \"access 1 month\"\n\u00a0 ExpiresByType application\/pdf \"access 1 month\"\n\u00a0 ExpiresByType image\/x-icon \"access 1 year\"\n\u00a0 ExpiresByType image\/jpg \"access 1 year\"\u00a0 \n\u00a0 ExpiresByType image\/jpeg \"access 1 year\"\n\u00a0 ExpiresByType image\/png \"access 1 year\"\n\u00a0 ExpiresByType image\/gif \"access 1 year\"\n\u00a0 ExpiresDefault \"access 1 month\"\n\n<\/IfModule>\n#Expires cache end<\/code><\/pre>\n\n
Agregue encabezados de control de cach\u00e9 a trav\u00e9s de Apache<\/h4>\n<\/li>\n<\/ol>\n
# BEGIN Cache-Control Headers\n\n<IfModule mod_expires.c>\n <IfModule mod_headers.c>\n \u00a0\u00a0 <filesMatch \".(ico|jpe?g|png|gif|swf)$\">\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"public\" \n \u00a0\u00a0 <\/filesMatch>\n \u00a0\u00a0 <filesMatch \".(css)$\">\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"public\"\n \u00a0\u00a0 <\/filesMatch>\n \u00a0\u00a0 <filesMatch \".(js)$\">\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"private\"\n \u00a0\u00a0 <\/filesMatch>\n \u00a0\u00a0 <filesMatch \".(x?html?|php)$\">\n \u00a0\u00a0\u00a0\u00a0 Header append Cache-Control \"private, must-revalidate\"\n \u00a0\u00a0 <\/filesMatch>\n <\/IfModule>\n<\/IfModule><\/code><\/pre>\n\n
Desactivar etiquetas electr\u00f3nicas<\/h4>\n<\/li>\n<\/ol>\n
<IfModule mod_headers.c>\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Header unset ETag\n<\/IfModule>\nFileETag None<\/code><\/pre>\nServidor NGINX y almacenamiento en cach\u00e9 del navegador<\/strong><\/h2>\n
server {\n\u00a0\u00a0\u00a0 listen\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 80;\n \u00a0\u00a0 server_name\u00a0 localhost;\n \u00a0\u00a0 location \/ {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 root\u00a0\u00a0 \/usr\/share\/nginx\/html;\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 index\u00a0 index.html index.htm;\n \u00a0\u00a0 }\n \u00a0\u00a0 location ~*\u00a0 .(jpg|jpeg|png|gif|ico|css|js)$ {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 expires 365d;\n \u00a0\u00a0 }\n \u00a0\u00a0 location ~*\u00a0 .(pdf)$ {\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 expires 30d;\n \u00a0\u00a0 }\n}\n\nAdd Cache-Control Headers (NGINX)\nlocation ~* .(jpg|jpeg|png|gif|ico|css|js)$ {\nexpires 90d;\nadd_header Cache-Control \"public, no-transform\";\n}<\/code><\/pre>\nAproveche la navegaci\u00f3n en WordPress usando complementos<\/strong><\/h2>\n
![\"C\u00f3mo](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0591bcc.jpg\")
<\/a><\/p>\n\n
W3 Total Cache – Complemento de WordPress<\/h2>\n
![\"C\u00f3mo](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c069033e.jpg\")
<\/a><\/p>\n\n
Cach\u00e9 m\u00e1s r\u00e1pido de WP<\/h2>\n
![\"C\u00f3mo](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c078d969.jpg\")
<\/a><\/p>\n\n
Habilitador de cach\u00e9: cach\u00e9 de WordPress<\/h2>\n
![\"C\u00f3mo](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c0897f79.jpg\")
<\/a><\/p>\n\n
Use Yoast SEO para editar el archivo .htaccess<\/strong><\/h2>\n
![\"C\u00f3mo](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173741-61e83c099ad05.jpg\")
<\/a><\/p>\n\n
Almacenamiento en cach\u00e9 de recursos de terceros<\/strong><\/h2>\n
Pensamientos finales sobre c\u00f3mo aprovechar el almacenamiento en cach\u00e9 del navegador en WordPress<\/strong><\/h2>\n