Перейти к содержимому


Скорость Загрузки Страниц Сайта


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 5

#1 pasiki

pasiki

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 231 сообщений
  • ГородСанкт-Петербург

Отправлено 15 Октябрь 2014 - 08:28

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

Прогнал свой сайт через гугловский PageSpeed Insights:
https://developers.g...url=telesam.net
Для настольных компьютеров результат получился 66/100, для мобильных - 52/100, что не очень хорошо...

Из гугловских обязательных рекомендаций:

1. Используйте кеш браузера
Если указывать в заголовках HTTP дату или срок действия статических ресурсов, браузер будет загружать уже полученные ранее ресурсы с локального диска, а не из Интернета.

Используйте кеш браузера для следующих ресурсов:
http://design.telesam.net/HV_dir.jpg (не указан срок действия)
http://design.telesa...kcii_skidki.jpg (не указан срок действия)
http://design.telesam.net/b_polosa.jpg (не указан срок действия)
http://design.telesam.net/botfade.jpg (не указан срок действия)
http://design.telesam.net/cart.png (не указан срок действия)
http://design.telesa.../cat_item_1.png (не указан срок действия)
и т.д. для всех картинок.

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

Удалите код JavaScript, препятствующий отображению:
http://design.telesa...4.custom.min.js
http://design.telesa...ent.minified.js
http://design.telesa...DropDown.1.0.js
http://design.telesa...ui.stars.min.js
http://design.telesam.net/main.js
http://design.telesa....slider.pack.js
http://vk.com/js/api/share.js?11
http://vk.com/js/api/openapi.js?68
http://vkontakte.ru/js/api/openapi.js
http://cdn.abtest.ru/js/14919.js
http://api-maps.yand...dard&lang=ru-RU

Оптимизируйте работу CSS на следующих ресурсах:
http://design.telesa...ss/reset_01.css
http://design.telesa...oModal.full.css
http://design.telesa....ui.all.min.css
http://design.telesa...i.stars.min.css
http://design.telesa...nivo-slider.css
http://design.telesam.net/main.css

--------------------------------------------------

Из этого всего у меня следует вопрос: как выполнить эти рекомендации гугла?
Что еще можно сделать на движке Стореленда для ускорения работы сайта?
Заранее благодарен за ответы.

#2 Dars

Dars

    Активный участник

  • Модератоpы
  • 1 410 сообщений

Отправлено 15 Октябрь 2014 - 13:11

Просмотр сообщенияpasiki (15 Октябрь 2014 - 08:28) писал:

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

Прогнал свой сайт через гугловский PageSpeed Insights:
https://developers.g...url=telesam.net
Для настольных компьютеров результат получился 66/100, для мобильных - 52/100, что не очень хорошо...

Из гугловских обязательных рекомендаций:

1. Используйте кеш браузера
Если указывать в заголовках HTTP дату или срок действия статических ресурсов, браузер будет загружать уже полученные ранее ресурсы с локального диска, а не из Интернета.

Используйте кеш браузера для следующих ресурсов:
http://design.telesam.net/HV_dir.jpg (не указан срок действия)
http://design.telesa...kcii_skidki.jpg (не указан срок действия)
http://design.telesam.net/b_polosa.jpg (не указан срок действия)
http://design.telesam.net/botfade.jpg (не указан срок действия)
http://design.telesam.net/cart.png (не указан срок действия)
http://design.telesa.../cat_item_1.png (не указан срок действия)
и т.д. для всех картинок.

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

Удалите код JavaScript, препятствующий отображению:
http://design.telesa...4.custom.min.js
http://design.telesa...ent.minified.js
http://design.telesa...DropDown.1.0.js
http://design.telesa...ui.stars.min.js
http://design.telesam.net/main.js
http://design.telesa....slider.pack.js
http://vk.com/js/api/share.js?11
http://vk.com/js/api/openapi.js?68
http://vkontakte.ru/js/api/openapi.js
http://cdn.abtest.ru/js/14919.js
http://api-maps.yand...dard&lang=ru-RU

Оптимизируйте работу CSS на следующих ресурсах:
http://design.telesa...ss/reset_01.css
http://design.telesa...oModal.full.css
http://design.telesa....ui.all.min.css
http://design.telesa...i.stars.min.css
http://design.telesa...nivo-slider.css
http://design.telesam.net/main.css

--------------------------------------------------

Из этого всего у меня следует вопрос: как выполнить эти рекомендации гугла?
Что еще можно сделать на движке Стореленда для ускорения работы сайта?
Заранее благодарен за ответы.
1. Картинки и так кэшируются.
2. Фактически, данный сервис предлагает вам удалить все скрипты и файлы стилей. Очевидно, почему эти рекомендации выполнять не стоит. Функциональность и дизайн неизбежно влияют на скорость загрузки, но все стили и скрипты наши разработчики оптимизируют для наиболее быстрой работы.

#3 pasiki

pasiki

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 231 сообщений
  • ГородСанкт-Петербург

Отправлено 15 Октябрь 2014 - 13:40

1. ок, принято.

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

даже если именно эти рекомендации гугла выполнять не стоит, то что посоветуете сделать в моем конкретном случае для ускорения работы сайта?

вот, например, на форуме встречается вот такой совет по скриптам: http://forum.storela...120#entry145864

#4 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 17 Октябрь 2014 - 00:13

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

#5 pasiki

pasiki

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 231 сообщений
  • ГородСанкт-Петербург

Отправлено 17 Октябрь 2014 - 11:30

Спасибо!

#6 ARGO

ARGO

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 832 сообщений

Отправлено 21 Апрель 2015 - 22:40

Цитата

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




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных