1) Страница не должна вызывать у пользователя раздражение или заставлять его чувствовать себя не комфортно. Не надо перенасыщать сайт яркими красками, картинками так, необходимо чтоб все соответствовало дизайну сайта. Не стоит злоупотреблять жирным и вызывающим текстом (наклонный, огромный, сливающийся с фоном), который то и дело меняет свои цвет на каждом дюйме страницы (путем использования стилей). Соблюдайте единообразие в стили страницы. Качественный сайт всегда вызывает у пользователя доверие и желание посетить его ещё раз.
2) Размер (вес) страницы влияет на время её загрузки, так называемый аптайм – отклик сервера, где расположен ваш сайт. Если страница перенасыщена тяжелыми изображениями, то это, как следствие, долгое время загрузки. Мы уже привыкли к широкополосному доступу в интернет, которая зависит не только какова у вас скорость канала, но и в каком дата центре расположен ваш хостинг. Конечно же, если ваш сайт находится на серверах дата центра Санкт-Петербурга, то особых проблем с загрузкой даже сверх тяжелых страничек вы не заметите, но при условии, что и ваш домашний канал с большой пропускной способностью. Но это дата центры Санкт-Петербурга или Москвы, они конечно и подороже, а если вы паркуете свой сайт на неизвестном хостинге с целью экономии, то сразу заметна и долгая загрузка и большой аптайм. А чем дольше загружается страница, тем меньше желание у посетителя посмотреть информацию на вашем сайте. Ну, и для начинающих оптимизаторов расскажу кое-что важное!
Работа с изображениями – оптимизация изображения под размещение на страницах веб сайта. Каждый, кто заботится о качестве и визуальном восприятии своего сайта позаботится и об изображениях. Изначально, фотографии могут быть велики, как по размеру, так по весу. А вы хотите поместить её на главной странице в небольшом формате, скажем 100х120. Формат вашего изображения 1000х1200. Превратить его в изображение на странице нужного формата можно двумя способами. Первый, но не лучший, это задать размер изображения в теге img параметрами «width» и «height». Пример:
<img src=’/thumbs/moya_fotka.jpg' style=’width: 100px; height: 120px;’ alt=’Название’ >
В этом случае любое изображение будет отображаться в формате 100х120 пикселей, но размер (вес) картинки останется исходным. Если исходное изображение весило порядка 2 Мб (1000х1200), то и на загрузку страницы уйдёт гораздо больше времени.
Второй способ – это использование любого графического редактора. Тут всё просто, уменьшаем изображение в редакторе до нужных размеров, и вставляем обработанную картинку на страницу. Изображение 100х120 будет весить порядка 10-50 Kb. Страница загрузится гораздо быстрее, если все изображения на ней будут форматированы в редакторе. Помним, что форматирование в редакторе несёт ещё один огромный плюс для оптимизации сайта, а именно, после редактирования, изображение становится уникальным.
Удачи и терпения Вам, начинающие сайтостроители!!!
|