Грустно осознавать, что успешность портала, разделы которого наполнены всевозможной информацией, украшены множеством изображений, доведены до высоких интернет стандартов при помощи java-скриптов, из-за долгой его загрузки в браузере может оказаться под угрозой.
А что можно сделать, если просто жизненно необходим каждый элемент страниц, дорого каждое подобранное с любовью изображение и мил сердцу каждый java-скрипт. Как раз об этом, а точнее о способах оптимизации, ускорения сайта и пойдет сейчас речь.
Эти рекомендации особенно подойдут владельцам сайтов, созданных на основе CMS, поскольку с проблемой медленной загрузки страниц чаще всего сталкиваются именно такие ресурсы. Итак, начнём:
Первый совет. Оптимизация таблиц стилей
Такого рода таблицы очень удобны в использовании и должны присутствовать на всех без исключения площадках. Часто оказывается, особенно в случае использования CMS, что таких таблиц стилей несколько, и браузер, соответственно, для каждой посылает запрос, на что уходит больше времени.
Так что первый совет будет состоять в следующем: все существующие таблицы стилей следует объединять в один файл, по аналогии с доверительным управлением, когда передается вся сумма, а не частями. Более того, полученный таким образом файл можно и нужно оптимизировать. То есть нужно удалить лишние строки, пробелы, сократить информацию о цветах — к примеру, указывать в написании белого цвета или «#ffffff;» более короткое обозначение «#fff;», что в конечном итоге сократит размер полученного файла и сделает процесс его загрузки быстрее. Подключение таблицы стилей в html-коде страницы лучше делать в области тегов HEAD, то есть вверху.
Второй совет. Оптимизация java-скриптов
При использовании java-скриптов зачастую приходится подключать нужные для их корректной работы библиотеки. Нередко подключение этих библиотек осуществляется непосредственно из файлов сайта, в то время как это можно делать со специализированных сайтов в сети и в более сжатом виде, в частности, с сервисов google.
Помимо этого, коды самих скриптов, как и строчки подключения соответствующих библиотек для них, в отличие от таблиц стилей, нужно помещать в самом конце страниц портала. Это обусловлено тем, что браузер, встретив java-скрипт на своем пути, останавливает загрузку страницы, пока не произведет полную обработку кода скрипта. Более того, файлы со скриптами, как и в случае с таблицами стилей, тоже лучше объединять. Здесь могут помочь специальные сервисы, выполняющие такие слияние хорошо и быстро. Впрочем, для валютного рынка forex также существуют свои сервисы.
Третий совет. Используйте css-спрайты
Кроме изображений, загружаемых на сайт динамически, к примеру, в процессе исполнения php-кода, есть ещё много картинок, объявляемых в css файле сайта. Под каждую из них формируется отдельный запрос.
А если прибегнуть к использованию технологии css-спрайтов большое количество запросов на картинки заменяется одним единственным. Суть методики состоит в том, что создается только одно изображение, на которое на определенных местах с заранее известными координатами размещается несколько, как правило, до 20, которые раньше грузились поодиночке.
В итоге вместо строк с подключением каждого изображения каждый раз пишется одна и та же строчка с вызовом одной общей с указанием координат местоположения той конкретной картинки, которая необходима в этом месте страницы. Таким образом, число запросов браузера сокращается с 20 до 1!
А если Вам необходимо абонентское обслуживание компьютеров, то заходите по ссылке! Помимо заказа услуг Вы сможете скачать полезные программы из раздела загрузки, которые пригодятся Вам при «танцах с бубнами» над компьютером.
Четвертый совет. Используйте технологию кэширования
Если ваш портал постоянного изменения контента не подразумевает, имеет смысл использование технологии кэширования страниц. Тогда, в случае повторного обращения пользователя к ресурсу, браузер уже не будет по новой посылать запросы на сервер, а просто обратится за информацией в кэш, что заметно сокращает скорость загрузки страниц сайта.
Я так до конца и не разобралась с настройкой кеширования. Устанавливала себе W3Total Cash и сначала сайт разогнался с 83 до 90/100 по версии Page Speed, но потом почему-то сайт начал сам себя «атаковать» запросами, создавая повышенную нагрузку на сервер, поэтому пришлось удалить плагин.
В следующий раз наверное другой плагин для кеширования попробую.
Чем меня этот привлек, так это тем, что в нем можно оптимизировать все вышеназванное комплексно и отзывы о нем были хорошие, наверняка я допустила какую-то ошибку. Толковые инструкции были только на английском, может быть что-то «криво» перевела.
@Елена, попробуйте плагин WP Super Cache, у меня стоит как раз он.
Там почти все на русском, поэтому будет просто разобраться;)
Напишите сюда об успехах!
а можно просто создать одну простенькую HTML страничку без картинок и будет супер! :))
@Юрий, ну зачем же такие крайности))))
Вот как… Будем пробовать…
@Atamovich, зато грузиться будет быстро. А если серьёзно — спасибо за советы!
@Atamovich, Спасибо, попробую!
@Юрий, обращайтесь 😉
Спасибо за советы. Вот если бы еще подробнее обо всех способах где-нибудь найти, а то многие слова для меня почти «ругательные».
@Татьяна, постараюсь все в ближайшем будущем все объяснить 😉 Сейчас только сессия кончится…
Эта тема мне интересна ещё и потому, что мой интернет очень медленный.
Еще можно прогонять изображения через Smush.it, а CSS через codebeautifier.com.
Спасибо, ценная информация 😉
Работает. Спасибо.
недавно поставила себе плагин для кеширования, но супер кэш — какой-то другой
еще рекомендуют плагин wp-minify который сжимает css и java скрипты. Дает небольшей прирост скорости но у меня изза него некоретно отображается шрифт заголовка. Возможно изза кривизны стилей.