Tutorial: Caché imágenes

Toranpu

Alfa
Verificación en dos pasos desactivada
¡Usuario con pocos negocios!
Desde
24 Jun 2020
Mensajes
17
El almacenamiento en caché en el navegador del visitante es una característica importante para proporcionar una experiencia de navegación rápida a los lectores. Para hacer eso, se tiene que especificar el tiempo de vencimiento del archivo.

Utilizamos el parámetro e. Por ejemplo, s1600-e120 almacenará en caché una imagen durante 120 días.

Nota: si colocan menos de 120 días seguirá apareciendo el mensaje de caché eficaz en PageSpeed Insights .
 

Hugo7

Lambda
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
15 May 2017
Mensajes
2.931
El almacenamiento en caché en el navegador del visitante es una característica importante para proporcionar una experiencia de navegación rápida a los lectores. Para hacer eso, se tiene que especificar el tiempo de vencimiento del archivo.

Utilizamos el parámetro e. Por ejemplo, s1600-e120 almacenará en caché una imagen durante 120 días.

Nota: si colocan menos de 120 días seguirá apareciendo el mensaje de caché eficaz en PageSpeed Insights .

👍 Excelente crack, solo para entendidos!
 

Souhiro

Épsilon
SEO
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
12 Nov 2013
Mensajes
781
Wao, eso no me sabia, realmente agradecido. :)
 

Karasu

Gamma
Programador
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios!
Desde
23 Oct 2014
Mensajes
453
Vaya esto no lo sabia. Lo pondré a prueba ahora mismo para la versión nueva de unas de mis plantillas. 😎

Muchas gracias por el tutorial. 😍
 

Toranpu

Alfa
Verificación en dos pasos desactivada
¡Usuario con pocos negocios!
Desde
24 Jun 2020
Mensajes
17

ekr effv

Kappa
Verificado con videollamada
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
11 Sep 2017
Mensajes
2.552
1603810338512.png

Buen aporte, no tenia idea de que era posible. 😎 Aplicara para Wordpress?
 

edy019

Gamma
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios!
Desde
9 Jul 2020
Mensajes
277
Muy buena crack. Lo probare .gracias por el aporte sigue adelante
 

leit0s

Delta
Verificado con videollamada
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
24 Dic 2012
Mensajes
747
Excelente dato, y donde mas se puede saber de esos valores, ya que el que nos cabas de enseñar es el de cache, si colocamos /w380-h213-p-k-no-nu/ w=width / h=height pero y los otros valores que también aparecen, que significan o donde se puede encontrar más información ya que estube googlendo después de ver tu aporte y aun no encuentro.
 

leit0s

Delta
Verificado con videollamada
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
24 Dic 2012
Mensajes
747
El almacenamiento en caché en el navegador del visitante es una característica importante para proporcionar una experiencia de navegación rápida a los lectores. Para hacer eso, se tiene que especificar el tiempo de vencimiento del archivo.

Utilizamos el parámetro e. Por ejemplo, s1600-e120 almacenará en caché una imagen durante 120 días.

Nota: si colocan menos de 120 días seguirá apareciendo el mensaje de caché eficaz en PageSpeed Insights .
Todo esto en el caso de las plantillas de ZK como seria la implementacion, alguna idea ya que la linea del código es:

Insertar CODE, HTML o PHP:
<b:with value='data:post.featuredImage ? data:post.featuredImage : data:imgDefault' var='img'>
          <b:with value='{big: (data:skin.vars.config_ratio_post ? resizeImage(data:img,900,&quot;16:9&quot;) : resizeImage(data:img,900)), medium: (data:skin.vars.config_ratio_post ? resizeImage(data:img,500,&quot;1:1&quot;) : resizeImage(data:img,500)), small: (data:skin.vars.config_ratio_post ? resizeImage(data:img,380,&quot;16:9&quot;) : resizeImage(data:img,300))}' var='imgSize'>
            <b:with value='data:this.isGrid ? data:imgSize.small : (data:this.isClassic ? data:imgSize.big : (data:this.isPortfolio ? data:imgSize.medium : resizeImage(data:img,225,&quot;1:1&quot;)))' var='imgPost'>
              <img SRC='data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=&apos;http://www.w3.org/2000/svg&apos;%20viewBox=&apos;0%200%20300%20168&apos;%3E%3C/svg%3E' class='lazy img-change' expr:alt='data:post.title' expr:data-src='data:imgPost'/>
              <noscript>
                <img expr:alt='data:post.title' expr:src='data:imgPost'/>
              </noscript>
            </b:with>
          </b:with>
        </b:with>
 

Crea una cuenta o accede para comentar

Debes ser un miembro para poder comentar

Crear cuenta

Crea una cuenta en nuestra comunidad

Acceder

¿Ya tienes una cuenta? Accede aquí


Arriba