Юзабилити в wordpress. Часть 6 – скорость загрузки.
Время загрузки сайта (латентность) – время, необходимое для полной загрузки страницы с момента обращения к ней пользователя. К сожалению, очень многие веб-мастеры при создании сайтов совсем не думают о скорости загрузки. Они думают, что если на их мегабите сайт грузится быстро (всего то 3-5 сек), то всё отлично. А как же юзеры с медленным интернетом? Не забывайте, что огромное количество пользователей интернета по прежнему сидит на dial-up. У них ваш сайт будет загружаться не несколько секунд, а несколько минут.
Чаще всего этот вопрос решается, когда посещаемость сайта прилично выростает (1000 хостов в сутки и более) и вебмастер замечает большую нагрузку на сервер. Чтобы уменьшить нагрузку, нужно уменьшить вес страниц, количество обращений к серверу, использовать кэширование и архивирование и т.д. А в следствие этого уменьшается и время загрузки всего сайта.
Но есть ли смысл ждать до последнего, если можно подумать об этом уже в начале существования нового сайта? Ведь проще постоянно оптимизировать свой сайт, чем рвать волосы на голове, когда хостинг перестанет справляться с нагрузками, а часть посетителей просто не будет дожидаться завершения загрузки сайта.
Лично у меня все сомнения о том, тратить ли время на оптимизацию скорости загрузки сайтов, исчезли напрочь в связи с недавним заявлением google о том, что скорость загрузки сайта будет влиять на поисковую выдачу.
- Самым важным фактором, который влияет на скорость загрузки сайта, является качество хостинга. Я в этом лично убедился, когда перешел от одного хостера к другому и мой блог стал загружаться в 2-3 раза быстрее. Так что тщательно выбирайте хостинг и не жалейте на это дело денег.
- Оптимизируйте каждую картинку перед тем как добавить ее на сайт. Я для этого пользуюсь фотошопом (save for web – сохранить для веб) и выбираю качество jpeg 60. Это оптимальный вариант – лично проверено с помощью программы image analysis. Эта программа анализирует выбранную вами картинку и выдает оптимальный формат и качество изображения, при этом процент сходства оптимизированной картинки и оригинала – 99% (параметр можно изменить). В большинстве случаев программа image analysis уменьшает размер изображения на 50% и больше. После оптимизации картинки в фотошопе image analysis пишет, что оригинал 100% оптимизирован.
- Для wordpress существует много плагинов, как бесплатных так и платных, которые кэшируют страницы и оптимизируют их:
- WP Super Cache, Hyper Cache и WP Widget Cache – самые популярные кэширующие плагины для wordpress.
- Web-Optimizer – позволяет максимально увеличить скорость загрузки вашего сайта. Он включает все ведущие технологии и наработанные практики в области клиентской оптимизации. По словам разработчиков плагина, среднее ускорение сайта — 2,5 раза. Есть бесплатная и платная версии.
- Кэш для wordpress от Max’a. Обещает уменьшить ресурсопотребление в 100 раз. Так же есть бесплатная и платная версии. Если будете пользоваться этим скриптом на wordpress, то обязательно прочитайте эту статью.
- Сервисы для проверки скорости загрузки сайтов (многие из них умеют не только это):
- Pingdom Tools – отличный англоязычный сервис, который даёт детальную информацию о времени загрузки всех элементов сайта.
- Site performance – есть возможность проверить время загрузки в разных браузерах.
- Webo – русский сервис, который не только покажет информацию о скорости загрузки страниц вашего сайта и их элементов, но и даст подсказки по его оптимизации. Так же есть возможность заказать платную оптимизацию сайта.
Спасибо за image analysis
Обращайтесь
Еще один не маловажный пункт – это выбор шаблона для wordpress. Есть шаблоны, которые делают много лишних запросов к БД, но, конечно, имеют ряд настроек в админ части блога и тд. Все настройки производятся в основном 1 раз, а “лишнии” запросы выполняются всегда. Имеет смысл какую-то часть блога переделать, чтобы вызывались именно нужные вам функции с нужными параметрами прямо в шаблоне, а не с помощью дополнительных функций, настройки которых можно задать в админке.
Да, совершенно согласен. На старом блоге у меня стояла тема Flexibility, так там запросов в несколько раз больше, чем в любой другой даже самой навороченной из-за того, что из админки можно изменять внешний вид.
у меня тоже эта тема, предлагаете поменять? а мне она нравится и я к ней привыкла.
Решать вам. Моё мнение по поводу этой темы вы уже прочитали. В последнее время найти бесплатную премиум тему не составляет труда. Причем куда лучше, чем Flexibility.
А я вообще взял готовую тему, перебрал ее по косточкам, изменил под себя дизайн, шапку в фотошопе нарисовал. Вроде неплохо получилось, как считаете?
P.S. Если что – обращайтесь.
Взял на заметку! Статья отличная. Честно говоря, всегда задумывался над уровнем сжатия картинок в Фотошопе. Теперь уж точно буду знать каким уровнем, а именно 60, буду пользоваться.
Я не говорил, что jpeg 60 – это универсальный выбор. Очень часто можно выбрать и меньше, чем 60. Всё зависит от картинки. Если в ней преобладают какие-то цвета и есть большие участки с одинаковым цветом, то лучше подойдёт gif. Для маленьких изображений, где важна детализация, например для иконок, лучше подойдёт png.
Но jpeg 60 я использую где-то в 60-70% случаев.