Ответы пользователя по тегу Веб-разработка
  • Почему такая ошибка в коде?

    daruvayc0
    @daruvayc0
    Многие искатели так же как и работодатели, и даже те разработчики которые Вас будут собеседовать ленивы. Они так же зайдут в гугл и найдут список вопросов для собеседования. Вот. Так, что советую пройтись по списку, и заполнить пробелы. В 99% Вас будут спрашивать именно это, + несколько вопросов специфических для конторы в которой собеседуетесь.
    Ответ написан
    Комментировать
  • Зачем Google предлагает мне JPEG 2000, JPEG XR и WebP вместо JPEG и PNG и как оптимизировать изображение?

    daruvayc0
    @daruvayc0
    Vincent Orback Предложил вот что: использовать подмену JPEG на WebP с помощью mod_rewrite. Для этого добавим в .htaccess такие строки:
    <IfModule mod_setenvif.c>
      # Vary: Accept for all the requests to jpeg and png
      SetEnvIf Request_URI "\.(jpe?g|png)$" REQUEST_image
    </IfModule>
    
    <IfModule mod_rewrite.c>
      RewriteEngine On
    
      # Check if browser supports WebP images
      RewriteCond %{HTTP_ACCEPT} image/webp
    
      # Check if WebP replacement image exists
      RewriteCond %{DOCUMENT_ROOT}/$1.webp -f
    
      # Serve WebP image instead
      RewriteRule (.+)\.(jpe?g|png)$ $1.webp [T=image/webp]
    </IfModule>
    
    <IfModule mod_headers.c>
      Header append Vary Accept env=REQUEST_image
    </IfModule>
    
    <IfModule mod_mime.c>
      AddType image/webp .webp
    </IfModule>

    Если браузер работает с форматом webp, то проверяем, есть ли на сервере файл с тем же именем, но расширением .webp, и, если да, отдаем его вместо запрошенного. Если нет — отдаем файл как обычно.

    Таким образом получаем, что в HTML-коде сайта менять ничего не требуется, а достаточно конвертировать файлы графики в WebP.

    Из недостатков этого решения можно назвать разве что некоторое увеличение нагрузки на дисковую систему сервера из-за необходимости проверять существование двух файлов, а не одного.
    Ответ написан
    5 комментариев
  • А как вы сжимаете картинки для googleSpeed?

    daruvayc0
    @daruvayc0
    gulp imagemin
    Ответ написан
    Комментировать