{"id":10797,"date":"2020-06-11T22:19:39","date_gmt":"2020-06-11T20:19:39","guid":{"rendered":"https:\/\/blog.hostinger.io\/co-tutoriales\/?p=10797"},"modified":"2024-06-25T20:57:40","modified_gmt":"2024-06-25T18:57:40","slug":"cache-web","status":"publish","type":"post","link":"\/co\/tutoriales\/cache-web","title":{"rendered":"\u00bfQu\u00e9 es la cach\u00e9 web? Una gu\u00eda para principiantes"},"content":{"rendered":"<p>&iquest;Alguna vez dejaste un sitio web porque tard&oacute; demasiado en cargar? Este es un gran problema para los propietarios de sitios web sin un hosting r&aacute;pido. Pero no te preocupes, ya que hay muchas formas de optimizar tu sitio web, una de las cuales cubriremos en este art&iacute;culo: la cach&eacute; web. <\/p><p>En este art&iacute;culo, aprender&aacute;s qu&eacute; es la cach&eacute; web y c&oacute;mo usarla.<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Speed-Up-Your-Website-ES.pdf\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/blog.hostinger.io\/co-tutoriales\/wp-content\/uploads\/sites\/40\/2022\/12\/eBook-Speed-Up-your-website-ES-1024x283.png\" alt=\"\" class=\"wp-image-25983\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2022\/12\/eBook-Speed-Up-your-website-ES.png 1024w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2022\/12\/eBook-Speed-Up-your-website-ES-300x83.png 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2022\/12\/eBook-Speed-Up-your-website-ES-150x41.png 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2022\/12\/eBook-Speed-Up-your-website-ES-768x212.png 768w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2022\/12\/eBook-Speed-Up-your-website-ES-1536x425.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-que-es-la-cache-web\">&iquest;Qu&eacute; es la cach&eacute; web?<\/h2><p>En pocas palabras, la cach&eacute; web almacena datos en un servidor para su reutilizaci&oacute;n futura.<\/p><p>&iquest;C&oacute;mo funciona exactamente? Cuando abres un sitio, la cach&eacute; re&uacute;ne todos los datos del sitio web, lo convierte en un archivo HTML y lo abre en tu navegador.<\/p><p>La pr&oacute;xima vez que abras el mismo sitio, la cach&eacute; cargar&aacute; una copia. Esto ayuda al servidor a trabajar m&aacute;s r&aacute;pido y a no sobrecargarse.<\/p><p>Por supuesto, si el sitio web es actualizado, el proceso comenzar&aacute; desde el principio.<\/p><p>Dos cosas a tener en cuenta: primero, no todos los sitios web usan cach&eacute;. En segundo lugar, la cach&eacute; puede caducar o eliminarse manualmente.<\/p><p>Si est&aacute;s utilizando Google Chrome y deseas borrar la cach&eacute;, haz clic en los <strong>tres puntos<\/strong> en la parte superior derecha de tu p&aacute;gina para ir al men&uacute; y selecciona <strong>Historial <\/strong>(o presiona <strong>Ctrl + H<\/strong>). Luego, haz clic en <a href=\"\/co\/tutoriales\/como-borrar-la-cache-del-navegador\">Borrar datos de navegaci&oacute;n<\/a>. Despu&eacute;s de eso, marca la opci&oacute;n que desees y presiona <strong>Borrar datos<\/strong>.<\/p><figure class=\"wp-block-image size-large\"><a href=\"\/co\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/blog.hostinger.io\/co-tutoriales\/wp-content\/uploads\/sites\/40\/2023\/02\/ES-Web-hosting_in-text-banner-1024x300.png\" alt=\"\" class=\"wp-image-29291\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/02\/ES-Web-hosting_in-text-banner.png 1024w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/02\/ES-Web-hosting_in-text-banner-300x88.png 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/02\/ES-Web-hosting_in-text-banner-150x44.png 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/02\/ES-Web-hosting_in-text-banner-768x225.png 768w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2023\/02\/ES-Web-hosting_in-text-banner-1536x450.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-por-que-es-importante-la-cache\">&iquest;Por qu&eacute; es importante la cach&eacute;?<\/h2><p>La cach&eacute; web juega un papel importante en la velocidad de carga del sitio web. Esto da como resultado un mejor rendimiento, ya que los visitantes no tendr&aacute;n que esperar mucho tiempo para que se cargue la p&aacute;gina web.<\/p><p>Menos procesamiento para solicitudes HTTP significa que el sitio web usar&aacute; menos ancho de banda. Esto es algo bueno, especialmente si tienes recursos limitados.<\/p><h2 class=\"wp-block-heading\" id=\"h-tipos-de-almacenamiento-en-cache\">Tipos de almacenamiento en cach&eacute;<\/h2><p>Hay dos tipos de almacenamiento en cach&eacute; web:<strong>&nbsp;del lado del servidor<\/strong> y<strong>&nbsp;del lado del navegador<\/strong>.<\/p><p>Con el almacenamiento en cach&eacute; del lado del navegador, se recopilan y descargan los datos al cargar una p&aacute;gina web. Despu&eacute;s de descargarlos, el navegador los guarda temporalmente. Esto permite que cuando abras el sitio nuevamente, la p&aacute;gina se cargue mucho m&aacute;s r&aacute;pido.<\/p><p>El almacenamiento en cach&eacute; del lado del servidor tiene un concepto similar al del lado del navegador. La diferencia es que el servidor es el que almacena temporalmente. Su diferencia es que puede almacenar m&aacute;s datos.<\/p><p>Existen varios sistemas de cach&eacute; para este &uacute;ltimo tipo de almacenamiento: el <strong>almacenamiento en cach&eacute; de p&aacute;gina completa<\/strong>, el <strong>almacenamiento en cach&eacute; de objetos<\/strong> y el <strong>almacenamiento en cach&eacute; de fragmentos<\/strong>.<\/p><p>En pocas palabras, el almacenamiento en cach&eacute; de p&aacute;gina completa almacena toda la p&aacute;gina web. Esto es &uacute;til cuando la p&aacute;gina tiene mucho tr&aacute;fico.<\/p><p>Por su parte, el almacenamiento en <a href=\"\/co\/tutoriales\/que-es-la-cache-de-objetos\">cach&eacute; de objetos<\/a> se utiliza para almacenar una parte del sitio en diferentes ubicaciones.<\/p><p>El almacenamiento en cach&eacute; de fragmentos es similar al almacenamiento en cach&eacute; de objetos, excepto que se dirige a partes espec&iacute;ficas del sitio web, como widgets y extensiones.<\/p><p>\n\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Consejo Profesional<\/h4>\n                    <p> Aumenta el rendimiento de tu sitio web con la funci&oacute;n de cach&eacute; de objetos del plugin <a href=\"\/co\/tutoriales\/litespeed-cache-plugin\">LiteSpeed Cache<\/a> (LSMCD), esto puede mejorar el tiempo de respuesta de tu sitio web <strong>hasta un 10%<\/strong>.<\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-almacenamiento-en-cache-web-de-un-sitio-de-wordpress\">Almacenamiento en cach&eacute; web de un sitio de WordPress<\/h2><p>El almacenamiento en cach&eacute; se puede utilizar para mejorar el rendimiento de tu sitio de <a href=\"\/co\/tutoriales\/que-es-wordpress\">WordPress<\/a>. Puedes crear el c&oacute;digo necesario t&uacute; mismo pero, si no tienes las habilidades necesarias, hay alternativas.<\/p><p>En Hostinger, por ejemplo, ofrecemos <a href=\"\/co\/hosting-wordpress\">hosting WordPress administrado<\/a> con funciones de almacenamiento en cach&eacute; incorporadas. Los planes van desde <strong>CO$ 4900.00 por mes<\/strong>. Adem&aacute;s, ofrece&nbsp;una garant&iacute;a de devoluci&oacute;n de dinero de 30 d&iacute;as, en caso de que no est&eacute;s satisfecho con los servicios.<\/p><p>Adem&aacute;s, hay excelentes <a href=\"\/co\/tutoriales\/mejores-plugins-wordpress\/\">plugins de WordPress<\/a> para administrar el almacenamiento en cach&eacute; web que son f&aacute;ciles de <a href=\"\/co\/tutoriales\/plugins-en-wordpress-gratis\">instalar<\/a> y usar.<\/p><p class=\"important\">Recuerda utilizar solo un plugin de almacenamiento en cach&eacute; para garantizar el funcionamiento de tu sitio.<\/p><p>Estos son algunos de los mejores plugins de almacenamiento en cach&eacute; de WordPress:<\/p><h3 class=\"wp-block-heading\" id=\"h-1-w3-cache-total\">1. <a href=\"https:\/\/es.wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\" rel=\"noopener\">W3 Cach&eacute; total<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"939\" height=\"422\" src=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2020\/06\/w3-total-cache-website-cache-wordpress-plugin.jpg\" alt=\"W3 Total Cache es un plugin de WordPress para cach&eacute; de sitios web W3\" class=\"wp-image-10798\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2020\/06\/w3-total-cache-website-cache-wordpress-plugin.jpg 939w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2020\/06\/w3-total-cache-website-cache-wordpress-plugin-300x135.jpg 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2020\/06\/w3-total-cache-website-cache-wordpress-plugin-150x67.jpg 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2020\/06\/w3-total-cache-website-cache-wordpress-plugin-768x345.jpg 768w\" sizes=\"(max-width: 939px) 100vw, 939px\" \/><\/figure><\/div><p>W3 Total Cache es uno de los plugins de cach&eacute; gratuitos de WordPress m&aacute;s populares. Esta extensi&oacute;n es perfecta para aquellos que quieren probar los diversos tipos de almacenamiento en cach&eacute; web. Ofrece todo, desde almacenamiento en cach&eacute; de p&aacute;gina hasta de fragmentos.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-wp-super-cache\">2. <a href=\"https:\/\/es.wordpress.org\/plugins\/wp-super-cache\/\" target=\"_blank\" rel=\"noopener\">WP Super Cache<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"942\" height=\"448\" src=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2020\/06\/wp-super-cache-website-cache-wordpress-plugin.jpg\" alt=\"WP Super Cache es un plugin de WordPress para cach&eacute; de sitios web\" class=\"wp-image-10799\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2020\/06\/wp-super-cache-website-cache-wordpress-plugin.jpg 942w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2020\/06\/wp-super-cache-website-cache-wordpress-plugin-300x143.jpg 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2020\/06\/wp-super-cache-website-cache-wordpress-plugin-150x71.jpg 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2020\/06\/wp-super-cache-website-cache-wordpress-plugin-768x365.jpg 768w\" sizes=\"(max-width: 942px) 100vw, 942px\" \/><\/figure><\/div><p>WP Super Cache tiene una forma &uacute;nica de almacenar en cach&eacute; los sitios web. Tiene tres categor&iacute;as para su sistema de cach&eacute; web: <strong>experto<\/strong>, <strong>simple<\/strong> y <strong>cach&eacute; WP-cache<\/strong>. El modelo simple usa PHP para servir archivos est&aacute;ticos. El experto usa Apache mod_rewrite y WP-cache usa p&aacute;ginas de usuarios anteriores.<\/p><h3 class=\"wp-block-heading\" id=\"h-3-autoptimize\">3. <a href=\"https:\/\/es.wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noopener\">Autoptimize<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"943\" height=\"429\" src=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2020\/06\/autoptimize-website-cache-wordpress-plugin.jpg\" alt=\"Optimizaci&oacute;n autom&aacute;tica del cach&eacute; del sitio web Plugin de WordPress\" class=\"wp-image-10800\" srcset=\"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2020\/06\/autoptimize-website-cache-wordpress-plugin.jpg 943w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2020\/06\/autoptimize-website-cache-wordpress-plugin-300x136.jpg 300w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2020\/06\/autoptimize-website-cache-wordpress-plugin-150x68.jpg 150w, https:\/\/www.hostinger.com\/co\/tutoriales\/wp-content\/uploads\/sites\/40\/2020\/06\/autoptimize-website-cache-wordpress-plugin-768x349.jpg 768w\" sizes=\"(max-width: 943px) 100vw, 943px\" \/><\/figure><\/div><p>Autoptimize es un plugin de cach&eacute; de WordPress que se centra en los scripts y los estilos. Es simple y directo, ya que solo necesitas marcar las opciones dadas para optimizar el HTML, Javascript y <a href=\"\/co\/tutoriales\/que-es-css\/\">CSS<\/a> del sitio web.<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusi&oacute;n<\/h2><p>La cach&eacute; web es una funci&oacute;n importante que garantiza una mayor velocidad de carga del sitio web.<\/p><p>Existen diferentes tipos de cach&eacute; web: de p&aacute;gina completa, de objetos y de fragmentos. Cada tipo tiene diferentes funciones.<\/p><p>Para garantizar que tu sitio web de WordPress funcione correctamente con cach&eacute; web, puedes usar el alojamiento de WordPress que trae funciones de almacenamiento en cach&eacute; incorporadas o utilizar un plugin para un uso m&aacute;s f&aacute;cil.<\/p><p>Si tienes alguna pregunta, &iexcl;no dudes en dejar un comentario a continuaci&oacute;n!<\/p><p>\n\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Aprende m&aacute;s sobre optimizaci&oacute;n web<\/h4>\n                    <p><a href=\"\/co\/tutoriales\/minificar-html\">C&oacute;mo reducir archivos CSS, HTML y JavaScript en WordPress<\/a><br><a href=\"\/co\/tutoriales\/extension-keep-alive\">Activar Keep-Alive<\/a><\/p>\n                <\/div>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&iquest;Alguna vez dejaste un sitio web porque tard&oacute; demasiado en cargar? Este es un gran problema para los propietarios de sitios web sin un hosting r&aacute;pido. Pero no te preocupes, ya que hay muchas formas de optimizar tu sitio web, una de las cuales cubriremos en este art&iacute;culo: la cach&eacute; web. En este art&iacute;culo, aprender&aacute;s [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/co\/tutoriales\/cache-web\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":138,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Cach\u00e9 web: todo lo que necesitas saber para acelerar tu sitio web","rank_math_description":"\u00bfTe has preguntado c\u00f3mo hacer que tu sitio web cargue m\u00e1s r\u00e1pido? La respuesta es la cach\u00e9 web, de lo que hablamos en este post.","rank_math_focus_keyword":"cach\u00e9 web","footnotes":""},"categories":[5701],"tags":[13265],"class_list":["post-10797","post","type-post","status-publish","format-standard","hentry","category-desarrollo-web","tag-cache-web"],"hreflangs":[{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/cache-web","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/cache-web","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/cache-web","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/cache-web","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/10797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/users\/138"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/comments?post=10797"}],"version-history":[{"count":18,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/10797\/revisions"}],"predecessor-version":[{"id":40692,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/posts\/10797\/revisions\/40692"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/media?parent=10797"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/categories?post=10797"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/co\/tutoriales\/wp-json\/wp\/v2\/tags?post=10797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}