Лого SiteHere.ru

PageSpeed Insights на 100%. Часть 2 — «Сократите HTML»

Сократите HTML

Продолжаем следовать инструкциям, которые дает сервис по оптимизации сайта Google PageSpeed Insights. И в этом уроке мы рассмотрим способы, с помощью которых можно сжать HTML. Всего их несколько, и каждый сможет выбрать наиболее оптимальный для своего сайта. Также в конце статьи Вы найдете ссылки на все материалы.

Кто не посмотрел прошлый урок, обязательно изучите его и только после этого переходите к данному уроку:

Ссылка на сервис для проверки — Google PageSpeed Insights.

Для каких сайтов и CMS я буду давать решения сегодня в видео?

  • Простой HTML сайт (лендинг, сайт-визитка)
  • Сайт на CMS (WordPress, Joomla, Drupal, PHPShop и т.д.)
  • Сайт созданный на PHP фреймворке

Практика

Перед тем, как начинаете производить какие-либо изменения с сайтом, не поленитесь и сделайте резервную копию сайта.

1 Проблема

Сегодня разберем как исправить пункт: "Сократите HTML".

2 Решение

Всего существует 3 способа сжатия HTML структуры. Вы можете выбрать тот, который подходит для Вас больше всего. Потому что у каждого способа есть свои плюсы и минусы. Также каждый конкретный способ имеет смысл использовать только на некоторых сайтах, обо всем я расскажу в видео.

Список сервисов для сжатия HTML:

Плагины для CMS WordPress:

Плагины для CMS Joomla:

Вывод

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

Если Вы хотите, чтобы мы изучили процесс решения проблем с оптимизацией на примере Вашего сайта — тогда свяжитесь с нами с помощью любого мессенджера на этой странице — Задать вопрос.

Успехов!

С Уважением, Юрий Немец

7 комментариев к записи
  • Давид

    А у меня хардкор:

    <?php
    function callback($content){
    	$content = str_replace("	","", $content);
    	$content = str_replace("	","", $content);
    	$content = str_replace("\n","", $content);
    	$content = str_replace("\r","", $content);
    	$content = str_replace("  "," ", $content);
    	return $content;
    }
    ob_start("callback");
    ?>

    А в конце:

    <?php ob_end_flush();?>

    Я генийenlightened 

     
  • Егор

    Здравствуй, Юрий.

    1 А как кешировать сторонние скрипты, типа метрики? Через файл .htaccess?

    2 Реклама Adsene? Или ее нельзя по правилам google кешировать?

     
    • Юрий Немец

      Привет Егор!

      1. Чтобы закэшировать метрику Яндекса или Google Analytics нужно сделать следующие действия:

      Скрипт получения информации с данных сервисов расположить у себя на сервере, чтобы мы могли его сжимать. Этот файл будем постоянно перезаписывать, как только получим новые данные с сервисов. Затем необходимо написать PHP скрипт, который будет получать данные с сервисов и затем перезаписывать наш файлик. Далее, используя Сron (планировщик задач на хостинге), задать частоту выполнения данного скрипта, соответственно, обновление статистики

      Для Google Analytics есть полноценное решение с кэшированием счетчика. А вот с Яндекс.Метрикой лишь частичное: потому что после кэширования можно будет смотреть лишь количество посетителей, посещений и уникальных визитов, а это маловато для полноценного сбора статистики.

      2. Если закэшировать рекламу, то Google может просто не увидеть что по ней кликнули и, соответственно, не заплатит за клик.

       
  • Егор

    Спасибо, Юра. У себя я не буду статистику кешировать. Слишком суетно. Но в любом случае пригодится.

    Насчет рекламы, мне теперь вообще не включать Huper Cashe? 

     
  • Pascual

    Hola / 

    Te escribo desde España

    él encontró tus tutoriales para conseguir un 100% en google speed, pero solo él consiguió un

    Movil 68 Ordenador 86

    y no se como solucionar esto tres problemas

    Optimizaciones posibles

    1-Eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad de la página

    2-Reducir el tiempo de respuesta del servidor

    3-Especificar caché de navegador

    Me puedes echar un cable

     
  • andrapp

    Отличная статья, как раз оптимизирую сайт на джумле, спасибо огромное

     

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *