—»     —»   Оптимизация времени загрузки веб-сайта: Улучшите позиции своего сайта в поисковиках
  Раздел: Поисковая оптимизация   Нет комментариев  

Оптимизация времени загрузки веб-сайта: Улучшите позиции своего сайта в поисковиках



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

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

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

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

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

Инструменты для анализа времени загрузки веб-сайта

01. YSlow

Оптимизация времени загрузки веб-сайта: Улучшите позиции своего сайта в поисковиках

YSlow – это добавление к Firefox, которое является популярным инструментом для тестирования скорости загрузки веб-сайта от Yahoo. YSlow анализирует веб-страницу и предлагает варианты по улучшению, а также предоставляет вам общую оценку веб-страницы. А также вы получите информацию о количестве HTTP-запросов. А также YSlow выполнит проверку на нежелательные скрипты, и предоставит вам результаты сканирования. Имеется поддержка инструментов типа JSLint и Smush.IT, которые встроены в приложение.

02. Pingdom Tools

Оптимизация времени загрузки веб-сайта: Улучшите позиции своего сайта в поисковиках

Pingdom тестирует всю страницу, включая все объекты. Приложение имитирует стандартную загрузку страницы в браузере, и предоставляет вам информацию о времени, затраченном на загрузку и отображение каждого элемента, включая изображения, flash, CSS, RSS. Вы можете посмотреть иерархию загрузки объектов. После всех тестов вы получите суммарную информацию об объектах, итоговое время загрузки и размер. Этот инструмент не подсчитывает время загрузки объектов, включенных в javascript. Приложение может выдать вам информацию об итоговом числе объектов с внешних доменов.

03. Free speed test

Оптимизация времени загрузки веб-сайта: Улучшите позиции своего сайта в поисковиках

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

04. Web Page Analyzer – 0.98

Оптимизация времени загрузки веб-сайта: Улучшите позиции своего сайта в поисковиках

Инструмент предоставляется командой Website Optimization. Приложение выдаст вам полноценный отчет. Это он-лайн приложение, которое, посредством введения URL-адреса, выдаст вам информацию о весе страницы и скорости ее полной загрузки. Приложение выдает информацию, руководствуясь различными соединениями с сетью Интернет. Скрипт подсчитывает вес отдельных элементов и складывает отдельные типы компонентов веб-страницы. Скрипт также предлагает вам различные варианты по оптимизации страницы, исходя из полученных сведений.

05. Web load tester

Оптимизация времени загрузки веб-сайта: Улучшите позиции своего сайта в поисковиках

Web load tester поможет вам получить информацию о пропускной способности веб-сайта. Этот виртуальный загрузчик веб-сайтов имитирует полную загрузку веб-страницы. Приложение оснащено продвинутой функцией планирования тестирования, которое может быть выполнено в 3 разных вариантах. Вы можете воспользоваться сервисом в любое время, днем и ночью вы сможете получить информацию о том, готов ли ваш веб-сайт обслуживать большие объемы посетителей. Инструмент включает в себя различные тесты типа HTTP, SOAP, DATABASE. Каждый тест может быть выполнен по вашему запросу.

06. Jmeter

Оптимизация времени загрузки веб-сайта: Улучшите позиции своего сайта в поисковиках

Apache Jmeter – это 100% java-инструмент для тестирования и вычисления производительности веб-страниц. Он может имитировать большую нагрузку и выполнить тестирование производительности на таких уровнях загруженности. JMeter оснащен такими функциями как:
* тестирование SOAP и HTML.
* тестирование пользовательского графического интерфейса.
* кэширование и офф-лайн анализ.
* доступны различные плагины.

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

07. Aptimize.com

Оптимизация времени загрузки веб-сайта: Улучшите позиции своего сайта в поисковиках

Aptimize известен своим уникальным подходом к созданию отчетов. Вы вводите URL и получаете подробный отчет посредством электронного письма. Отчет предоставляется в формате PDF. Этот инструмент представляет возможность отображения нескольких показателей времени загрузки. Вы также можете отдельно наблюдать скорость производительности сервера и браузера. Наиболее примечательная функция приложения заключается в том, что в отчете вы получаете информацию о проделанных операциях, а также информацию о возможном количестве сохраненного времени после оптимизации CSS, javascript и HTML.

08. Website speed check

Оптимизация времени загрузки веб-сайта: Улучшите позиции своего сайта в поисковиках

Website speed check – это еще один способ проверки скорости загрузки веб-сайтов. Этот текст предоставляет вам информацию о скорости загрузки и пропускной способности канала, а также предоставляет вам данные о скорости загрузки посредством тестирования с различных популярных полос со всего мира. Вы также получите данные о количестве изображений, CSS и javascript в веб-странице.

09. Website goodies

Оптимизация времени загрузки веб-сайта: Улучшите позиции своего сайта в поисковиках

Website goodies представляет собой инструмент, который отображает вам время загрузки веб-сайта. Приложение очень простое и оснащено дружественным интерфейсом.

10. Web tool hub

Оптимизация времени загрузки веб-сайта: Улучшите позиции своего сайта в поисковиках

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

Подсказки по оптимизации скорости работы веб-сайта

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

Быстрый и менее загруженный сервер

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

Уменьшить количество HTTP-запросов

HTTP-запрос – это запрос от файла к серверу. Размер и количество запросов должны быть максимально маленьким, чтобы достичь хорошей скорости загрузки. Это самый ключевой фактор относительно скорости загрузки страниц. Если большая часть HTTP-запросов требуется для загрузки статичных объектов, то постарайтесь использовать заголовки с ограниченным сроком работы, что может сократить время загрузки на 80%.

Добавление заголовков с ограниченным сроком действия

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

CSS размещаем сверху, а javascript снизу

Это помогает сразу отобразить страницу, даже если другие элементы еще загружаются. Хотя перед пользователем появляется только часть страницы, он уже может не скучать, а рассматривать то, что изложено на сайте, а тем временем на фоне будет подгружаться javascript.

Размещаем CSS и javascript отдельно

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

Используем суб-домен для параллельного скачивания

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

Для того чтобы настроить её:

1. Создайте 3 или более суб-доменов на вашем сервере
2. Разместите свои изображения в папке каждого суб-домена
3. Замените изображения на странице изображениями с папки суб-доменов.

Теперь что касается файлов javascript, то здесь количество одновременных загрузок не должно превышать 2-х.

Используйте XHTML вместо таблиц

Интегрирование XHTML – это достаточно сложный процесс, так что беритесь за это, только если вы уверены, что обладаете достаточными знаниями. Тем не менее, применение XHTML значительно ускоряет загрузку страниц. Здесь не говорится о том, что нужно таблицы рисовать в виде XHTML, речь идет о том, чтобы писать код в стиле XHTML.

Формат изображений

Все форматы изображений отличаются цветом и качеством.

GIF отлично подходит для файлов с небольшим количеством применяемых цветов (логотипы, надписи). Когда вы сохраняете файл в GIF, убедитесь, что вы выбрали небольшую палитру цветов.

JPG подходит для изображений со многими цветами и деталями (фотографии). Понизьте качество JPG перед сохранением. Оно все равно будет отлично выглядеть на странице.

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

PNG наиболее часто применяется в качестве изображений веб-страниц.

Используем сжатые CSS

Общие параметры должны быть указаны вместе. Укажите каждый стиль в CSS. Если страница использует большой файл CSS, то укажите его только в тех страницах, где он нужен. Сожмите CSS-файл для того, чтобы уменьшить его вес.

Соединяем и сжимаем javascript

Уберите ненужные пробелы, абзацы и так далее, чтобы максимально уменьшить вес файла js. Чем меньше размер этого файла, тем быстрее загрузится ваша страница. Используйте JSMIN для уменьшения размера файла javascript. Если JS используется только на нескольких страницах, то указывайте загрузку этого файла только в них.

Используем сжатие HTTP

HTTP-сжатие считается одним из самых эффективных методов, когда можно получить результат, практически ничего не сделав. Данный метод означает, что данные отсылаются пользователю в сжатом виде, а уже на клиентской машине распаковываются, это поможем вам сократить время загрузки текстовых файлов на 90%.

Две популярные схемы сжатия:

* HTTP-сжатие: свойство веб-сервера (может быть включено на стороне сервера)
* Gzip: может быть включено на уровне веб-сайта.

Используем библиотеки ajax google

Кэширование – это один из наиболее продуктивных способов сокращения времени загрузки страницы. Используя библиотеки Google Ajax, вы можете сократить время загрузки сайта, если библиотеки кэшируется в браузере клиента. Используя скрипты, размещенные на сервере Google также сокращает время ожидания для ботов Google.

Сокращаем поиски DNS

Каждый раз, когда доменное имя вводится в адресную строку веб-браузера, браузер выполняет поиск DNS по IP-адресу. Чем больше локаций нужно посетить вашему сайту, тем больше поисков выполняется. Сделайте все возможное, чтобы сократить число этих поисков. В среднем, поиск DNS должен занимать 60-100 миллисекунд.

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

Сокращение времени загрузки страницы – Ресурсы

01. YSLOW

YSlow мы уже обсуждали раннее. Отличный инструмент, который покажет вам слабые места веб-страницы и возможные пути улучшений.

02. javascript compressor

javascript compressor – это бесплатный он-лайн инструмент, который сжимает код JS. Это помогает уменьшить затраты потока на код java.

03. CSS drive

Еще один бесплатный он-лайн инструмент, схожий с javascript compressor. Отличается он тем, что предназначен для CSS.

04. Google AJAX library

The Google AJAX Libraries – это сеть распределения содержимого и архитектуры загрузки большинства наиболее популярных и бесплатных библиотек javascript.

05. Amazon S3Fox Organizer

Amazon S3Fox organizer поможет вам размещать файлы на Amazon S3 и управлять ими. Приложение поможет вам оптимизировать работу сайта.

06. DBMonitor

DBMonitor представляет собой мощный инструмент для установки структуры базы данных, а затем уменьшения ее, если это возможно. Это бесплатное приложение поможет вам подстроить структуру и индексирование. Оно поддерживает многие популярные базы данных типа MySQL, PostgreSQL и Oracle. Это за счет того, что приложение поддерживает JBDC. Это приложение очень тесно связано с методами оптимизации, так как одним из самых важных факторов, влияющих на время загрузки страницы, является структура и организация базы данных.

Лучшим способом увеличения скорости загрузки веб-сайта является оптимизация кода по ходу разработки проекта. Таким образом, можно будет обойти сложности при дальнейшей оптимизации.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: SEO, аналитика, статистика
Опубликовал Mysterious Master   Прочитано (раз): 12655   |   Нет комментариев
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц November по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Сентябрь 2018    »
ПнВтСрЧтПтСбВс
 12
3456789
10111213141516
17181920212223
24252627282930