Главная - Без рубрики - Проверяем шаблон

Проверяем шаблон

Давайте представим эту радостную минуту: вы скачали понравившийся шаблон, установили его через FTP, вошли в административную панель, активировали его, открыли свой сайт – все здорово! Ваш шаблон работает!

Вы начинаете подключать нужные вам плагины и виджеты, настраиваете вывод изображений, копируете и вставляете рекламные блоки. Все чудесно!

Но когда вы внимательно начинаете рассматривать вашу главную страницу, обращаете внимание, что есть непонятные вам сразу мелочи… Что-то не так с вашим шаблоном.

Например, в строке заголовка статьи почему-то отсутствует картинка автора, или редактирования поста, или еще какие-то мелочи… Я говорю о мелких недостатках, пока только о них.

Почему я об этом завел разговор?

Недавно, проверяя очередной шаблон перед тем, как выложить его на ваш суд, обратил внимание, что не выводятся именно эти картинки в заголовке. Такие маленькие, которые обычно в некоторых шаблонах расположены рядом с словами Автор, Комментарий, Дата, Изменить:

clock

edit comment

Решил воспользоваться одним полезным ресурсом для того, чтобы проверить. Причем, ресурс этот заточен под другие задачи. Называется он — Pingdom Tools —  и предназначен, в первую очередь, для проверки скорости загрузки вашего сайта.

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

Так вот. Заходим на сайт, и в специальном окне вводим адрес нашего сайта. После этого ждем. Результат вас удивит. Наверняка, сайт ваш будет грузится от 3-4 секунд, до 25-40 секунд. И все это зависит от того, сколько у вас подключено различных типов файлов.

Больше всего тормозят файлы изображений. А еще – очень сильно тормозит отсутствие изображения, на которое ссылается тот же файл стилей. Пример? Пожалуйста.

Грамотный разработчик шаблона использует свойства таблицы стилей (файл style.css) для подключения файлов изображений, которые являются стандартными элементами его шаблона. Чаще всего, все файлы изображений автор размещает в папке /image своего шаблона.

После того, как будет выполнен расчет времени загрузки, вы увидите вот такую запись загрузки всех ваших файлов:

pingdom

Желтый бар означает попытку установить коннект с конкретным файлом, который вы видите справа в строке. Файлы, с которыми вступить в коннект не вышло, окрашиваются в красный цвет.

Тем самым, у вас появляется информация, что на какой-то файл изображения есть ссылка ( и скорее всего, в файле стилей), но сам файл по какой-то причине не коннектится. Я стал разбираться, и решил внимательно прочитать эти красные строчки. Сейчас на картинке этого нет, но было вот такое:

В названии конкретного файла изображений между названием файла и его расширением отсутствовала ……. точка! Было написано – userpng. был вариант, когда файл изображений имел ссылку в файле стилей, а сам – отсутствовал в папке с картинками.

Какой я сделал вывод. Во-первых, регулярно проверяю свой сайт и обязательно проверяю все новые шаблоны, которые выкладываю у себя в коллекции шаблонов.

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

О admin

Оставить комментарий

Ваш email нигде не будет показанОбязательные для заполнения поля помечены *

*