Всего в каталоге: 218 компаний
Сравнить (0)

Оптимизация скорости загрузки сайта - Tophosting

Время чтения: 73 минуты

1041 0

Улучшим сайт на 7 баллов по мнению Google или оптимизируйте загрузку видимого контента.

 

Оптимизация видимого контента на вашем сайте очень важный пункт, который добавляет уровень доверия и индекса качества вашего сайта во всех поисковых системах, которых всего 38 на 7,3 миллиарда человек. Чуть ниже будет список поисковых систем, позиции которых будут поставлены исходя из их популярности:

Оптимизируйте загрузку видимого контента – и получите до 7 баллов от Гугла!

Как это сделать? Все очень просто: нужно ограничить объем данных, которые нужно отобразить в верхней части страницы: для этого перестраиваем структуру HTML так, чтобы в первую очередь загружался важный контент, находящийся на первом экране; снизьте объем HTML, CSS и JavaScript; по возможности вместо картинок используйте CSS; включите сжатие.

Для справки (можно пропустить): yandex.ru – Основная поисковая система в России, с 2010 года признается, как самый эффективный инструмент продаж и рекламы. При правильной настройки Яндекс.Директа данная площадка становится еще и самой недорогой рекламой в интернете. Яндекс имеет расширенные настройки для поиска любой информации и даже картинок и анимации. (узнать подробнее о Яндексе) – дает 24% важности на фактор оптимизации загрузки контента.

rambler.ru –  на удивление по популярности поисковых систем в России второе место занимает именно Рамблер, у которого, как и у Яндекса есть свой браузер. Но на удивление у данного поисковика есть множество недочетов как в алгоритме поиска, который берет за основу алгоритм ранжирования Яндекса. Что не очень плохо влияет на качество поисковой выдачи. Так же у Рамблера раза 4 в день зависает почта и появляется окно «Сервер временно не доступен», что не отталкивает аудиторию (подробнее о рамблере можно прочитать тут: Рамблер – как оно есть) – оценивает оптимизацию контента на сайте в 12%, хотя за основу берет алгоритм Яндекса.

google.ru – Также одна из популярных систем в России. И по всему миру (google.com). Данная площадка не скромно популярна среди мобильных устройств, причиной такой популярности служить операционная система Андройд, разработчиками которой является Google. А также тот факт, что не каждый знает, что можно зайти в настройки и поставить вместо поисковой системы Google, Яндекс и не вбивать каждый раз любимую поисковую систему – Google считает скорость загрузки сайта, очень важной, поэтому компания разработала собственный сервис, через который вы можете оценить скорость работы вашего сайта (сервис на проверку скорости сайта от Google) – то есть Гугл за скорость дает не 24%, а гораздо больше. На этом фоне очень сильно можно выиграть, используя язык программирования Google и его бесплатные конструкторы.

Остальные, не такие популярные поисковые системы:

www.yahoo.com– Еще один из крупных поисковых систем в мире.

www.apport.ru – Довольно распространенная поисковая система в Россия, имеется два языка.

msn.com — Также довольно популярная поисковая система по новостям и по сайтам.

www.altavista.com – Без сравнения самая крупная система в мире.

astalavista.box.sk — Поисковая система по поиску бесплатного программного обеспечения.

www.bigfoot.com – Социальная сеть, поиск людей.

www.excite.com – Удобный поиск.

www.filez.com — Поиск  сайтов и бесплатного программного обеспечения.

www.hotbot.com – Одна из самых быстрых систем индексация сайтов.

infoseek.go.com – Проиндексировано более 60 мил. страниц.

www.Jassan.com – Поиск по фондовым биржам, корпорациям.

www.lycos.com – Удобный поиск музыки, видео, изображений и фотографий.

www.moneysearch.com — Поиск по сайтам финансового рынка, а также посайтам компаний связанные с бизнесом.

www.travel-finder.com – Поиск по сайтом сосредоточенные на спорте, туризме.

www.atrus.ru – Поиск, каталоги.

www.list.ru – Каталог ресурсов.

www.ru – Поиск, также имеется каталог.

www.strars.ru — Поиск по сайтам, также имеется каталог.

sel.alfainter.net – Каталог, но индексации сайтов нет.

www.anet.donetsk.ua – Каталог сайтов сети интернет.

www.a-counter.kiev.ua – Каталог сайтов.

el.visti.net — Поиск по рефератам, дипломным работам.

www.internetri.net – Украинский каталог.

www.qp.dp.ua – Каталог по сайтам.

www.meta.kharkiv.net – Еще один  поисковик

www.topping.com.ua – Каталог по сайтам. Поиск в интернете, имеется рейтинг.

poshuk.dnepr.net – Сравнительно молодой каталог.

sesna.kharkiv.org – Еще один поисковик

www.susanin.com Сусанин – Довольно известный каталог.

uahoo.gu.net UA  – Каталог по сайтам в интернете

www.ukrainet.lviv.ua – Украинский каталог.

www.echo.com.ua — Регистрация в системах

www.allonesearch.com — Поиск по сайтам.

www.beaucoup.com – Поиск по сайтам в интернете. Имеется шесть языков.

www.deja.com – Одна из мощных поисковых систем по поиску новостей. Поиск может проводится по авторам, дате добавления итд…

www.dogpile.com – Имеется логический поиск по сайтам.


Оптимизация контента на сайте для повышения скорости загрузки:

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

Важно знать: по мнению Яндекс.Форума 2014 года – 79% пользователей, ждут загрузку сайта 3 секунды, после чего просто закрывают сайт и уходят на другой ресурс, а около 40% запомнят сайт и будут пытаться не попадать на него, даже по другим запросам. (Если у вас была данная проблема, вам просто необходимо заменить Фавиконку сайта, поскольку именно ее и запоминает пользователь). – так же советуем прочитать статью о том, что «Почему не нужно брать чужие фавиконки»

Первый этап:

Итак, мы проверили свой сайт или твердо знаем, что на нем нет ошибок. Тогда мы начинаем проверять сайт программой Google PageSpeed Insights – ссылка.

Google PageSpeed Insights – это инструмент, от оценки которого мы и будем отталкиваться. Проанализировав ресурс, вы увидите две оценки «Для мобильных устройств» и «Для персональных компьютеров», а также две шкалы оценки, например: 98 из 100. Стоит отметить, что, если ваш сайт хорош на 98 баллов из 100 баллов, вы не получаете ощутимой разницы в поисковой выдачи, возможно это связанно с высокой конкурентностью в интернете или с особенность ранжирования Google. Так что всеми силами добивайтесь 100 балов.

Как добиваться 100 баллов в Google PageSpeed Insights?

1. Необходимо использовать кеш браузера

- Google, Яндекс и т.д, рекомендуют указывать в заголовках HTTP дату и срок действия статистических объектов. Это делается для того чтобы, когда посетитель будет повторно заходить на ваш ресурс, даже если он это сделает по другому поисковому запросу, сайт не полностью загружался из интернета, а только частично, пользуясь сохраненными статистическими данными о вашем сайте из архивов браузера. (в ходе долгих экспериментов и исследований, не было выявлено влияние такого подхода на скорость работы браузера, даже на самых деревянных компах)

2. Нужно оптимизировать изображения (речь идет о всех изображениях на сайте)

- Пробежавшись по интернету, в большинстве сайтах, особенно которые посвящены рецептам, недвижимости, машинам и т.д. Мы обнаружили следующее, сайты загружаются на ПК больше 3 секунд (что пагубно влияет на трафик посетителей), такая загрузка была вызвана сочными, красивыми картинками, которые вешают по 14 мб, а ведь картинка то не одна. На 2017 год принято делать дизайны сайтов, где все держится на картинках, следовательно, сайт будет загружаться очень долго. Но и это еще не все. Допустим у вас модный интернет и вы загружаете все с бешенной скорость и такой интернет стоит у 32% населения России. Кто будет думать о тех, кто заходит с планшетов, телефонов о тех, кто пользуется мобильным интернетом?

В этом плане вам поможет: «Сервис для сжатия картинок без потери качества» - http://www.punypng.com/ (советуем данный сервис, поскольку он является бесплатным, и вы бы на него наткнулись сами). Так же при загрузке картинок на сайт, пользуетесь простой логикой: если вам нужна картинка 900 на 850, то не загружаете картинку большего размера.

 

3. Избавьтесь от элементов, блокирующих отображение первого экрана

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

4. Включите сжатие – это можно сделать на хостинге (если вы не опытный программист, рекомендуем вам сделать резервную копию вашего ресурса, перед началом)

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

Классическая инструкция по включению сжатия gzip  сайта :

Первый шаг (только для руцентров): Переводим САЙТ в режим РУЧНОЙ работы.
Второй шаг: Изменяем файл ~/etc/nginx/имя_сайта.site.conf
Третий шаг: Между строками server { и listen ... вставляем следующий код:

gzip on;

gzip_buffers 16 8k;

gzip_comp_level 2;

gzip_min_length 1024;

gzip_types text/css text/plain text/json text/x-js text/javascript text/xml application/json application/x-javascript application/xml application/xml+rss application/javascript;

gzip_disable "msie6";

gzip_vary on;

gzip_http_version 1.0;

 

Четвертый шаг: Перезапускаем веб сервер.

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

5. Уменьшите JavaScript, CSS и HTML

- Убрать или хотя бы обнаружить такую ошибку очень хорошо помогает сервис pr-cy.ru
После того, как вы проанализируете сайт вам в разделе «Нужно исправить» подскажут о проблемах с JavaScript, CSS и HTML, если они имеются. Вам останется только исправить и проверить снова.

6. Не используйте переадресацию с целевой страницы

- Между URL и целевой страницей должно выполнять не больше одной переадресации. Допустимо, если ваш сайта выполняет переадресацию вида site.ru -> m.site.ru. А вот site.ru -> www.site.ru -> m.site.ru -> m.site.ru/home – это уже перебор.

7. Оптимизируйте загрузку видимого контента (об этом говорилось в начале статьи, поэтому буду краток)

– нужно построить код так, чтобы сначала подгружалась только важная информация. А также снижаем объем HTML, CSS и JavaScript; по возможности вместо картинок используйте CSS; с включенным сжатием

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

- Проверить скорость ответа сервера вы можете все на том же pr-cy.ru. Нормой считается то состояние, когда время ответа не превышает 200 мс и то это достаточно плохой показатель. Практическим путем было выяснено, что чаще всего длительный ответ связан с техническими проблемами и маленько производительной мощностью сервера. Для данного пункта GOOGLE написал маленькую инструкцию или вернее сказать, алгоритм действий:

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

8.2 - Найдите и исправьте проблемные места. Если используется популярная веб-платформа или система управления контентом, советы по оптимизации вы найдете в документации.

8.3 - Отслеживайте и исправляйте любые проблемы производительности.

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

Подводим большие итоги:

Чтобы получить 100 баллов по удобству пользователей, Google просит придерживаться следующих правил:

1. Адаптировать размер контента для области просмотра.

2. Использовать удобные для чтения размеры шрифтов.

3. Настроить область просмотра в соответствии с размером экрана.

4. Отказаться от плагинов.

5. Увеличить размер активных элементов на странице.

6. Отказаться от межстраничных объявлений, закрывающих основной контент страницы.

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

 

Авторы: Василий Чукотский

Редактор: Андрей Коротков

Оцените, пожалуйста, статью по пятибальной шкале, при анализе мы учтём ваше мнение и станем чуть лучше:
  Рейтинг статьи: 5.0
Узнайте об акциях и отзывах первыми в нашей группе