Автор: Даниэль Скокко
Перевод: Всеволод Козлов
Как известно, человек – существо очень ленивое и ничего с этим не поделаешь – так уже заведено. Поэтому необходимо держать это в голове всегда, когда Вы проектируете тот или иной сайт. У тех, кто соблюдает это правило – шансы на успех заметно выше! Но есть всё-таки такое место на сайте, при проектировании или настройке которого обычно про лень человеческую забывают напрочь – система комментариев!
Всякий раз, когда от меня требовалось помимо стандартных и, в то же время, обязательных моих имени и e-mal ввести что-либо ещё – также на обязательной основе, желание оставлять комментарий у меня пропадало напрочь. Да, признаюсь, иногда я напрягал своё зрение, чтобы разглядеть те ужасные символы CAPTCHA, но это скорее исключение, чем правило, т.к. в этих случаях меня действительно переполняло желание оставить комментарий.
Вообще тема модерации комментариев очень интересная. Многие делают этап модерации комментариев обязательным с целью защититься от назойливого и раздражающего СПАМа.
Читать полностью »
Автор: Даниэль Скокко
Перевод: Всеволод Козлов
В основной своей массе блоггеры не являются маститыми веб-мастерами, что и является причиной незнания очень полезных и практических приёмов, реализуемых с помощью HTML. Одним из таких приёмов является создание якорей и простановка ссылок на них по ходу статей.
Якорь – имя, которое Вы присваиваете какому-либо элементу веб-страницы. Например, Вы можете заголовку присвоить имя «heading 1».
На самом деле это очень полезный и практический приём, т.к. Вы можете сразу направлять своих читателей на нужное место на веб-странице, избавляя их, тем самым, от потери времени на поиск необходимого фрагмента.
Реализацию данного приёма можно увидеть, наверное, в каждом оглавлении (например, длинные статьи всегда имеют подобным образом построенное оглавление), в ссылках (например, «На верх страницы», «В начало статьи» и т.д.)
Читать полностью »
Автор: Даниэль Скокко
Перевод: Всеволод Козлов
Каждый раз при открытии пользователем веб-страницы каждый объект (изображение, скрипт…) делает запросы к серверу. Этот процесс прибавляет секунды к времени загрузки сайта.
Первым шагом к уменьшению времени, затрачиваемому на выполнение HTTP запросов является уменьшение количества объектов на Вашем сайте. Избавьтесь от бесполезных изображений, дизайнерских примочек и т.д. По возможности, можно объединить 2 смежных изображения в одно.
Во-вторых, убедитесь, что запросы к внешним файлам сведены к минимуму, например, вместо использования нескольких css-файлов, объедините их содержимое в одном единственном css-файле:
Читать полностью »
Автор: Даниэль Скокко
Перевод: Всеволод Козлов
Данный фактор является очень важным, но, к сожалению, упускается многими веб-мастерами. Когда Вы используете таблицы и изображения на веб-страницах, Вам следует указывать атрибуты height и width. Если браузер не найдёт данных атрибутов, ему понадобится время ан то, чтобы узнать размер изображения, загрузить само изображение и только после этого продолжить загружать веб-страницу. Ниже приведён пример кода, содержащего данные атрибуты:
<img id="moon" height="200" width="450" src="http://www.domain.com/moon.png" alt="moon image" />
Когда данные атрибуты height и width присутствуют, браузер автоматически «бронирует» место под изображение указанных размеров и продолжает загружать веб-страницу дальше. Помимо ускорения загрузки веб-страниц, добавление этих двух атрибутов позволяет пользователям приступить к чтению контента сайта, в то время как изображения будут загружаться.
Читать полностью »
Автор: Даниэль Скокко
Перевод: Всеволод Козлов
Когда сервер пытается открыть ссылку вида «http://www.domain.com/about», он должен «понять», какой файл или страница находится по данному адресу. Если же ссылка имеет вид «http://www.domain.com/about/» (добавлен «/» на конце ссылки), то сервер уже будет знать, что это за страница. Тем самым, уменьшается время загрузки сайта.
Ускорение загрузки сайта после добавления слэша на конец ссылок будет не астрономически огромным. Но если применить все рекомендации из серии статей «Ускорение загрузки Вашего сайта», то загрузка Вашего сайта заметно ускорится!
Читать полностью »
