Как Определять кэш браузера - Пахеспеед Инсигтс?

Я анализирую мой веб сайт с какими-то программными средствами как например validator.w3 между другими, чтобы получать гораздо более быстрое выполнение веб сайта без ошибок или задержек выполнения.

Инструмент Google Пахеспеед Инсигтс показывает мне, что я должен определять кэш браузера показывая следующее сообщение объявления.

Определять кэш браузера Устанавливать дату срока годности или максимальный возраст в заголовках HTTP статических ресурсов показывает в браузер, что я загрузил ресурсы, загруженные заблаговременно из локального диска вместо того, чтобы это делать по сети.

Меня подробно описывает один без чисел вещей из-за того, что исправляет, основываясь в тему показывает мне в каждом изображении / css / js, что я должен определять закоулок в каждом из них.

Ища в Стакк Оверфлов между другими статьями они показывают такой пример как этот:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 10 days"
ExpiresByType text/css "access plus 1 week"
ExpiresByType text/plain "access plus 1 week"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/x-icon "access plus 3 months"
ExpiresByType application/x-javascript "access plus 1 month"
ExpiresByType application/javascript "access plus 1 week"
ExpiresByType text/javascript "access plus 1 week"
ExpiresByType application/x-icon "access plus 3 months"
</IfModule>

Сейчас да спецификация кэша основывает тот пример у него был бы слишком пространный .htaccess у меня есть слишком много изображений в веб сайте.

Я нашел другой пример в Английском гораздо более оптимизированном и очень простом SO пример, но не, если он стоился.

<IfModule mod_expires.c>
    ExpiresActive On
    ExpiresDefault "access plus 1 year"

<IfModule mod_headers.c>
    <FilesMatch "\.(bmp|css|flv|gif|ico|jpg|jpeg|js|pdf|png|svg|swf|tif|tiff)$">
        Header set Last-Modified "Mon, 31 Aug 2009 00:00:00 GMT"
    </FilesMatch>
</IfModule>

У меня есть каталог файлов js/css/img расположенный в порядке таким образом: assets/css/style.css

Тем временем мой .htaccess

# Activamos mod_rewrite
RewriteEngine on

# Seleccionamos el directorio base     para el RewriteRule
RewriteBase /project/

# Aquí nos evitamos comprobar que sea un archivo (agrego comprobación
# para detectar también directorio) en cada conjunto de reglas
RewriteCond %{REQUEST_FILENAME} -d [OR]
RewriteCond %{REQUEST_FILENAME} -f
RewriteRule ^(.*)$ $1 [QSA,L]

# Obtenemos todo lo que vaya tras "assets/" y subdirectorios previstos
RewriteCond %{REQUEST_URI} assets/(css|fonts|js|img)/(.+)$
# Entonces (si se cumplen todas las condiciones) redirigimos (R)
# y dejamos de evaluar el resto de reglas (L)
RewriteRule ^(.*)$ assets/%1/%2 [L,R]

# Tu/s regla/s
RewriteRule ^online-video-en-hd-gratis/?$ video.php [L,NC,QSA]
RewriteRule ^online/video/hd/free/?$ online.php [L,NC,QSA]

Сейчас мой вопрос? Как определять кэш браузера более оптимизированной формы.

4
задан 23.05.2017, 15:39
0 ответов

Puedes cambiar los atributos dentro del archivo SVG, необходимый для использования в CSS. Para esto tiene que in itarar la la imagen dentro de la pagina cargandolo desde un Directorio que tengas en la aplicacion. El codigo para poner la imagen seria:

<object id="diagrama" type="image/svg+xml" data="Imagen/Cavas Pedriel C.svg" style="border: medium ridge #C0C0C0; width: auto; height: 480px;"></object>

Luego creas una funcion en donde buscas el elemento dentro del SVG cambiar el color.

Para saber como se llama el elemento podes utilizar Inkscape, cargas la imagen SVG, selecciona la imagen, y desagrupa todos los elementos (Boton derecho sobre la imagen -> Ungroup.

Marcas cual es el que queres cambiar la propiedad y presiona ctrl + shift + O, en la pantalla se habre una nueva ventana adonde estan las propiedades del elemento, esta el nombre Id: patch458 por ejemplo.

Podes cambiarle el nombre si queres editando este campo y luego presionar Apply que esta abajo en la Вентана. Нет оливкового языка.

Este es el nombre de lo que quemes cambiar, recordalo para poder buscarloen la aplicacion.

El la pagina creas un un func que que llamas para cambiar el colour, la ulual tenria:

 {
 var a = document.getElementById("diagrama");  // "diagrama" es el nombre del contenedor de la imagen en la pagina
       var svgDoc = a.contentDocument; //cargo el contenido de la imagen SVG
       temp = "patch458" ;  //nombre del elemento a cambiar
       var svgItem = svgDoc.getElementById(temp); //busco dentro de la imagen el Id que corresponde cargado en temp.
       svgItem.style.setProperty("fill", "red", "");// defino la propiedad fill del elemento seleccionado de color rojo
     }

Espero que les sirva.

] Saludos

и т. д.) у Лос Альмасена ан уна карпета местный особенный. Удовлетворяет, что у него есть новые права, как у меня есть, так и у меня есть все, что у меня есть, то ли у меня есть, то ли у меня дела, связанные с этой темой. 1229] Entonces, ¿cómo se controla? ¿как насчет местных органов власти, которые вы хотите знать, когда вы работаете с новой версией архива? Взаимодействие с другими организациями Алмаценар HTTP в кэше , в том числе и в режиме реального времени (в архиве), в том числе и в другом месте (del) navegador), нет lo vuelva a pedir al servidor. Esto tiene a fav se se cargará más rapido, с другой стороны, изменив условия для сохранения архива, как обычно, так и есть. Это очень важно, особенно в разное время, но в то же время в море, когда дело доходит до архива, да еще и не важно.

Cómo se configura. Con cada archivo, el servidor envía encabezados ( заголовки ). Dentro de estos encabezados, Cache-Control especifica cómo debería comportarse:

  • Con un límite de tiempo

     Cache-Control: max-age = 2592000  Con cada archivo, el servidor envía  encabezados  ( заголовки ). Dentro de estos encabezados,  Cache-Control  especifica cómo debería comportarse: 

    • Con un límite de tiempo

       Cache-Control: max-age = 2592000  Con cada archivo, el servidor envía  encabezados  ( заголовки ). Dentro de estos encabezados,  Cache-Control  especifica cómo debería comportarse: 

      • Con un límite de tiempo

         Cache-Control: max-age = 2592000
        

        * 259200 segundos = 30 дней

      • Preferir que siempre se verique que no se haya modificado

         Контроль кэша: must-revalidate
        

        * Проверка подлинности изменений в кэше

      • О прямом доступе к кеши клиентов:

         Управление кешем: без кеша
        

      Информация из Cache-Control (MDN) .

      Para enviar este encabezado, se puede establecer en la configuración global del servidor, en un .htaccess, o enviarlo directamente desde alguna funciónèñèñé de del aluna del funguójeje использование программного обеспечения (por ejemplo, en PHP con header () ).


      Me detalla un sin numes de cosas por corregir, basándose al tema me indica en cada imagen / css / js que debo especificar el cache en cada uno de ellos.
      [...]
      серия важных данных 180% ошибок

      Te marca muchos errores роды una línea por cada archivo, pero todos se resuelven fácilmente.



      Respuesta

      Depende de qué tiempos de caché quéras recurus recurus un conus regusr conúrus ar carace uncaus de regusr cus , Перечень альтернативных вариантов: один из двух вариантов:

      1. Список дел в сети и семантике

        En el .htaccess ubicado en el root de веб

         
         ExpiresActive On
         ExpiresDefault "доступ плюс 1 неделя"
        
        
      2. В настоящее время caduque en 1 día, per se que cssucu en en 1 semana y las imágenes en 1 mes

         
         ExpiresActive On
         ExpiresDefault "доступ плюс 1 день"
         ExpiresByType text / css "доступ плюс 1 неделя"
         ExpiresByType image / gif "доступ плюс 1 месяц"
         ExpiresByType image / png "доступ плюс 1 месяц"
         ExpiresByType image / jpeg "Доступ плюс 1 месяц"
        
        
      3. Как только вы получите доступ к кешу, вы можете использовать его как ресурс

        Ru /project/.htaccess :

         FileETag Нет
        Заголовок сброшен ETag
        Заголовок установлен Cache-Control "max-age = 0, без кеша, без хранилища, обязательно повторная проверка"
        Заголовок установлен Pragma "без кеша"
        Набор заголовков истекает "Ср, 1 января 2000 00:00:00 по Гринвичу"
        

        Ru /project/assets/.htaccess

         
         ExpiresActive On
         ExpiresDefault "Доступ плюс 1 месяц"
        
        
      4. También podrías hacerlo como en el ejemplo anterior, per con con differentes .htaccess para cada subcarpeta:

        • Uno en /project/assets/img/.htaccess
        • Otro en / project / assets /css/.htaccess
        • Otro ru /project/assets/js/.htaccess


      По определению, зависит от обстоятельств, как минимум 10, 20 или 30 лет este estilo al .htaccess.

7
ответ дан 03.12.2019, 17:11
  • 1
    Só это pequeñ в сомнение, я имею в моем справочнике imá гены в нескольких папках для бумаг, систематизированных в мой interé s: assets/img/system/ aquí mis imágenes другой ejem assets/img/slider/ aquí mis imágenes сейчас в архиве .htaccess я это должен определять таким образом ExpiresByType assets/img/system/gif "access plus 1 month" –  14.02.2017, 19:10
  • 2
    Или нет? или bastarí в этой формы ExpiresByType image/gif "access plus 1 month" –  14.02.2017, 19:12
  • 3
    Bastarí в с ExpiresByType image/gif "access plus 1 month" в глобальном .htaccess.... Другая возможность состоит в том, чтобы помещать секунду .htaccess в assets/img/ с ExpiresDefault "access plus 1 month" –  14.02.2017, 19:15