Увеличиваем скорость страницы

skorost stranici

Существует множество способов повышения производительности сайта и ускорения времени загрузки страницы, например, свести до минимума HTTP запросы, оптимизировать изображения, оптимизировать CSS, Java Script и контроллер кэш-памяти.

 

Google настоятельно рекомендует веб-мастерам регулярно проверять производительность сайта с помощью Page Speed, YSlow, WebPageTest, или других инструментов.

Сведите к минимуму HTTP запросы

 

<!—Не рекомендуется --> 
<script src="http://www.example.com/menu.js"></script>
<script src="http://www.example.com/ajax.js"></script>
<script src="http://www.example.com/nav.js"></script>
<script src="http://www.example.com/tools.js"></script>
<!-- Рекомендуется --> 

<script src="http://www.example.com/combined-all.js"></script>

Поместите CSS теги в исходный код, перед тегами Java Script

 

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

<!—Не рекомендуется --> 
<head>
<script src="http://www.example.com/nav.js"></script>
<script src="http://www.example.com/tools.js"></script>
<link rel="stylesheet" type="text/css" href="/stylesheet1.css" />
<link rel="stylesheet" type="text/css" href="/stylesheet2.css" />
</head>

<!--
Рекомендуется -->
<head>
<link rel="stylesheet" type="text/css" href="/stylesheet1.css" />
<link rel="stylesheet" type="text/css" href="/stylesheet2.css" />
<script src="http://www.example.com/nav.js"></script>
<script src="http://www.example.com/tools.js"></script>
</head>

 

Пропустите протокол

 

Пропуск протокола со встроенных ресурсов связывает url и не допускает смешанной выдачи контента и в результате размер файла получается меньше. Пропускайте часть протокола (http:, https:) с адресов, указывающих на java-скрипты до тех пор, пока связанные файлы не будут доступны в обоих протоколах.

<!—Не рекомендуется --> 
<script src="/https://www.example.com/scripts/javascript.js"></script>

<!--
Рекомендуется -->
<script src="//www.example.com/scripts/javascript.js"></script>

 

Общие правила

 

Пропустите описатели типа для Java-скриптов, в них нет необходимости, т.к. в HTML5 текст/css и текст/javascript идут по умолчанию, так же не используйте их для скриптов.

<!—Не рекомендуется --> 
<script src="//www.example.com/scripts/javascript.js" type="text/javascript"></script>

<!-- Рекомендуется -->
<script src="//www.example.com/scripts/javascript.js"></script>

 

Добавьте заголовок окончания функционирования или контроллера кэш-памяти

 

Браузеры и прокси используют кэш для того, чтобы снизить количество и размер HTTP запросов. С помощью заголовка контроллера кэш-памяти можно увеличить число статических ресурсов (СР).

Используйте заголовок с окончанием функционирования для всех СР: изображения, скрипты, CSS, PDF, Flash и т.д. (HTML не является статическим). Для всех СР устанавливайте «окончание функционирования» минимум на месяц, до года, но не больше.

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

Удалите все ненужные комментарии из HTML, Java Script и CSS.

 

Cкачайте приложение на Андроид и будьте в курсе новостей
Интернет-маркетинга всегда!

WebSEOHelp

smp-forum.ru


.
Наверх
закрыть