Новости

Как правильно применять в JavaScript асинхронные функции: примеры работы с ES 2017
От автора: возможность писать на JavaScript асинхронные функции является важным обновлением в ES2017. Что такое асинхронные функции? Асинхронные функции — это функции, которые возвращают promise. Мы

WordPress JavaScript — как правильно подключить файл скрипта к шаблону сайта
Использование в шаблонах WordPress JavaScript скриптов давно стало обычным делом. Их подключение возможно несколькими способами, начиная с классического варианта с использование голого HTML. Но чтобы все

Как исправить JavaScript error "ВКонтакте"? Что делать при ошибках JavaScript в "ВКонтакте"?
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Правильное использование Tor Browser
Tor Browser полностью анонимен – Миф или реальность? Многие считают, что Tor — это полностью анонимное и безопасное средство для интернет-серфинга, которое не дает никому возможность контролировать то,

Javascript error object is not a function вконтакте как исправить
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Как исправить ошибку javascript error вконтакте
На сегодняшний день «Вконтакте» является наиболее удобным русскоязычным ресурсом, который представляет собой не только крупнейшую социальной сеть, но и сервис для просмотра видео и прослушивания аудиозаписей.

Что такое JavaScript и для чего он используется?
Подробности декабря 10, 2015 Просмотров: 20225 В интернете миллионы веб-страниц,

Практика javascript синтаксис написания
Javascript — это язык программирования, который активно используется для построения динамических веб страниц. Собственно с этой целью он и был изобретен. У нашего с вами языка еще есть такое интересное

JavaScript учебник
Код функций в JavaScript начинает выполнение после их вызова. Функции являются одним из наиболее важных строительных блоков кода в JavaScript. Функции состоят из набора команд и обычно выполняют

Рекомендации решившим начать изучать JavaScript
Если вы решили начать изучать JavaScript , то эта статья для вас. Надеюсь, что её прочтение избавит вас в будущем от множества ошибок и сделает его изучения более простым, быстрым и эффективным. В статье

Как реально увеличить скорость загрузки сайта

Опубликовано: 02.09.2018

видео Как реально увеличить скорость загрузки сайта

УВЕЛИЧИТЬ СКОРОСТЬ ИНТЕРНЕТА на МАКСИМУМ? Настройки, о которых ты не знал!

Приветствую, постоянные читатели моего блога! Рад вас видеть!



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

Однако в ней я предоставил только один отличный на 100 % работающий способ ускорения своего блога  или сайта. Сегодня я хочу вам рассказать еще о нескольких способах, которые реально мне помогли. С их помощью скорость загрузки сайта реально возрастает.


УВЕЛИЧИВАЕМ СКОРОСТЬ ИНТЕРНЕТА ДО МАКСИМУМА!

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


Как ускорить ИНТЕРНЕТ до максимума? 100% РАБОЧИЙ МЕТОД

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

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

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

Итак, начнем действовать.

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

Если вы читали мою прошлую статью про проверку и увеличение скорости загрузки страниц блога, то знаете, что для определения скорости я пользовался вот этим сервисом-

http://mainspy.ru/skorost_zagruzki_sajta

Теперь хочу вам порекомендовать еще один, который даже намного лучше предыдущего:

https://developers.google.com/speed/pagespeed/insights/

Проверьте скорость загрузки своего сайта. Какая она? Для того чтобы это узнать, введите доменное имя своего блога в специальное поле и нажмите кнопку «Анализировать». Вот какой результат показывает сейчас этот сервис при проверке скорости загрузки главной страницы:

Это хороший результат. Цвет поля зеленый и 86 баллов из 100, а это значит, что я не просто пишу в этой статье бесполезную чепуху, а хочу предложить советы, которые действительно работают и помогут вам достичь такого же результата.

А какая у вас скорость загрузки главной? Норм или жесть? Если второе, то читайте дальше, и я расскажу, как можно все исправить.

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

Разница заметна, не так ли? Итак, настало время выполнить все необходимые действия, которые позволят увеличить скорость загрузки сайта.

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

Редактирование файла header.php

Header.php один из основных файлов вашего блога. В нем прописан код , который отображает верхнюю часть веб-ресурса. Перед тем как отобразится вся страница блога, вначале выполняются все команды из файла header.php. Каждая команда посылает запрос системе управления базой данных (СУБД).

Однако в этом файле прописаны также совершенно ненужные или лишние запросы к базе. Без них вполне реально можно обойтись. Чем меньше будет различных запросов к СУБД, тем меньше будет нагрузка на хостинг, а следовательно, выше скорость загрузки страниц блога.

Ладно, лучше давайте расскажу подробнее, чтобы вы поняли.

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

На изначально пустом веб-бланке, начинают сформировываться все необходимые элементы данной веб-страницы из которой она состоит: заголовки H1 -H6, контент (текст, изображения ), формы подписки , баннеры, контекстная реклама и т.д. Однако перед загрузкой всех этих элементов файл header.php сначала обращается к базе данных.

Этот файл делает запрос к БД о и как бы узнает, что необходимо загружать в настоящий момент для пользователя с целью предоставления необходимой информации. После этого БД сформировывает свой запрос и посылает его в качестве готового ответа файлу header.php. Только после этих действий искомая веб-страница постепенно загружается вместе со всеми элементами, которые на ней должны присутствовать.

Со своей стороны мы можем увеличить скорость загрузки страниц при помощи сокращения некоторой части запросов. Откройте свой файл header.php и посмотрите, какие коды он в себя включает:

Можете посмотреть. Я специально для вас обозначил несколько запросов, без использования которых блог будет себя чувствовать отлично. К примеру, файл header.php высылает запрос БД (номер 1) «какую кодировку использовать для корректного отображения блога?» БД дает ответ — в кодировке UTF-8. Отлично!

Например, если посмотреть исходный код этой веб-страницы вашего блога, (с помощью сочетания клавиш «Ctrl+U») и посмотреть на него, то мы увидим следующее:

Видите,- запрос уже сформирован! Это говорит о том, что можно его с легкостью удалить. Для этой цели необходимо заменить этот запрос, который прописан в header.php:

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

на другой уже сформированный код с готовым ответом:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Это сделать проще простого. Возьмите и скопируйте готовый код с ответом из исходного кода страницы и вставьте в файл header.php, заменив старый запрос.

После этих несложных манипуляций браузер будет считывать файл header.php и наблюдать на месте старого запроса сформированный готовый ответ.

Действуем дальше. Итак, теперь запрос номер 2. В этом случае файл обращается к БД и требует от нее адрес расположения иконки фавикона для вашего блога. Действуем по аналогии. А именно заменяем запрос в файле header.php:

<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/favicon.ico" type="image/x-icon" />

на сформированный правильным образом готовый ответ из исходного кода страницы. Проще говоря, прописываете ссылку на свою иконку-фавикон:

<link rel="shortcut icon" href="http://saranchinsergey.ru/wp-content/uploads/2012/07/serg.png"/>

Мне кажется, здесь нет ничего сложного. Далее используя все тот же метод, меняем все оставшиеся запросы на готовые ответы. На скриншоте вверху они обведены. Вот так вы с легкостью можете, так же как и я, избавиться от нескольких лишних запросов.

Кстати, хочу вам показать еще один бесполезный ненужный код в файле header.php (номер 4 на скриншоте):

<meta NAME="generator" content="WordPress <?php bloginfo('version'); ?>" />

Он информирует о том, какая версия системы WordPress установлена на данный момент на вашем ресурсе. Данный код очень поможет различного рода злоумышленникам взломать вашу систему . Поэтому от него нужно поскорее избавиться. Он вам не нужен. Версия системы и так прописана в административной панели. Так что просто удалите это код и спите спокойно.

Я показал вам только три примера. На самом деле может быть ещё несколько запросов, которые необходимо будет заменить на готовые ответы. Отлично! Пойдем далее.

Перенос скриптов из header.php в footer.php

Так как header.php загружается в первую очередь, то необходимо, насколько это возможно, добиться того, чтобы он подгружался быстрее.

В том случае, если на вашем блоге имеются всевозможные коды (скрипты) типа <script> ( по правде говоря они есть на каждом ресурсе), то их перенос из header.php в footer.php увеличит скорость загрузки. Footer.php это файл, который отвечает за вывод нижней части вашего блога на WordPress . Он загружается в самый последний момент.

При таком раскладе первоначально будет загружаться основная часть веб-страниц, а затем остальные малозначимые элементы. Этот подход реально повлияет на увеличение скорости загрузки страниц блога.

В том случае, если после переноса того или иного скрипта блога пропадет какая-то часть элементов контента (не будет отображаться), то просто перенесите этот скрипт не в footer.php а в самый конец файла header.php, перед открывающим тегом <body>.

Использование кэширования в браузере на стороне пользователя

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

Для большего понимания процесса расскажу об этом поподробнее.

Смотрите. При нажатии на любую ссылку загружается (открывается) веб-страница, содержащая в себе определенные элементы: шапка загружаемого сайта, его боковая панель, основное поле (тело сайта), подвал и т.д. Вы просмотрели данную веб-страницу, усвоили необходимую информацию, и решили перейти по ссылке, которая находится на этой же странице. Тем самым попадаете на другую веб-страницу.

На ней, кроме свежей информации, расположены такие же элементы, как и на предыдущей странице (шапка сайта, боковая панель, подвал).

Как видите, эти элементы повторяются. И когда вы переходите на другую страницу, они опять загружаются с сервера, а это в свою очередь негативным образом сказывается на скорости загрузки сайта. Но хочу сказать, что эту проблему можно легко решить. Необходимо просто добавить в файл .htaccess вот такой код:

FileETag MTime Size <ifmodule mod_expires.c> <filesmatch ".(gif|jpeg|jpg|png|ico|css|js)$"> ExpiresActive on ExpiresDefault "access plus 1 year" </filesmatch> </ifmodule> <IfModule mod_setenvif.c> BrowserMatch "MSIE" force-no-vary BrowserMatch "Mozilla/4.[0-9]{2}" force-no-vary </IfModule>

.htaccess , для тех, кто не знает, расположен в корневой папке блога. Если по какой то причине у вас нет этого файла, то обязательно его создайте.

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

Если пользователь перейдет на другую страницу, то контент будет грузиться с сервера вебмастера, а вот повторяющиеся элементы (шапка, футер или сайдбар) уже из кеша браузера пользователя.

Вот такой классный код, который будет здорово вам помогать.

Установка плагина Hyper Cache

В обязательном порядке я вам рекомендую установить плагин кэширования Hyper Cache на свой блог . Его главная функция — кэширование страниц вашего веб-ресурса. Как он это осуществляет? Ничего сложного. Этот плагин создает на вашем веб-ресурсе свою папку, в которую перемещает заранее сгенерированные копии веб-страниц блога.

Когда вы создаете новую страницу на своем блоге, плагин Hyper Cache создает ее копию и закачивает в эту папку. После этого, когда пользователи повторно заходят на какую-либо веб-страницу вашего блога, вся необходимая информация для отображения страницы будет подгружаться не с сервера, а из этой папки. Этот метод отлично выручает вебмастеров, имеющих высоко посещаемые ресурсы.

Ну что ж, отлично! Если вы выполнили все мои рекомендации на практике, можете проверить еще раз скорость загрузки вашего блога. Мне кажется, вы увидите совсем другую картину.

Я прав? Какая скорость загрузки у вас стала после внедрения методов, описанных в этой статье? Жду ваших ответов в комментариях. Надеюсь, данная статья была вам полезна.

На последок хочу ещё раз подтвердить всё вышесказанное мной. Предоставляю Вам скриншот статистики Alexa Rank. Посмотрите на скорость загрузки моего блога сегодня:

На этом все. Желаю успеха в применении на практике моей информации. До скорой встречи, ребята!

Успехов Вам и Удачи С Уважением,

Другие интересные статьи:

МИНИ-КНИГА ПО ЗАРАБОТКУ В ИНТЕРНЕТЕ:
КАК БЫСТРО ВЫУЧИТЬ АНГЛИЙСКИЙ:
rss