Медленные сайты отгоняют посетителей. Это так просто. Не твой, говоришь? Думаешь, это «стоит подождать»?
Извини, что сломал тебе тыкву, это не так. Ты едешь домой. У вас есть два варианта. Вы можете выбрать маршрут, который является самым коротким с точки зрения расстояния, но имеет много стоп-сигналов, или вы можете выбрать маршрут, который немного длиннее в плане расстояния, но не имеет стоп-сигналов. Какой вы выбираете?
Я выбираю № 2, как и многие веб-серферы. Почему? Потому что лучше продолжать двигаться. Я хочу посмотреть. Я хочу читать. Я хочу купить. Я * не * хочу ждать загрузки страницы 67 секунд, потому что дизайнер сайта подумал, что было бы неплохо использовать изображение своего любимого хорька в небольшом берете в качестве графической карты.
Мы все знаем, что графика замедляет работу сайта, поэтому можно ли удерживать посетителей от рекламы без публикации только текстового сайта?
Конечно. Это просто вопрос баланса эстетической привлекательности и времени загрузки. Я хотел бы обсудить пару способов сделать это. Однако, прежде чем мы начнем, сделайте одолжение и отправляйтесь в Garage Web Site и получите бесплатную настройку на странице, которую вы хотели бы ускорить. Обязательно запишите время загрузки вашей страницы при различных скоростях модема, поскольку позже вы будете использовать их в качестве эталона для оценки эффективности ваших изменений. О, и не забудьте сделать резервную копию своей страницы (и изображений) «как есть», если вы не удовлетворены изменениями и хотите восстановить их в исходное состояние. После того, как вы это сделаете, мы готовы использовать два метода для сокращения времени загрузки: уменьшить количество изображений на ваших страницах и уменьшить размер оставшихся изображений.
Уменьшите количество изображений на вашей странице (ах)
Холодный, объективный взгляд на ваш сайт. Попробуйте посмотреть на это глазами посетителя. Какая графика необходима, а какая лишняя? Можете ли вы манипулировать текстом с помощью HTML (полужирный шрифт, курсив, начертание шрифта) в отличие от текстовой графики? Можно ли заменить кликабельное изображение текстовой ссылкой?
Обрезка расходных графических материалов может значительно сократить время загрузки страницы. Оцените каждый график один за другим, чтобы определить, должен ли он остаться или уйти; оставьте только те, которые необходимы.
Используйте Flash анимацию с умом. Без сомнения, Flash-фильмы очень крутые — когда все сделано хорошо. «Потому что это выглядит круто», однако, не является причиной для добавления чего-либо на ваш сайт. Я могу думать о нескольких вещах, более раздражающих, чем введение Flash без какой-либо цели. Вы видели это, не так ли? Вы попадаете на домашнюю страницу сайта и сталкиваетесь с бессмысленным текстовым сообщением типа «Добро пожаловать на мой сайт!», Которое, как вы ожидаете, будет наблюдать, как оно танцует, крутится, трансформируется и в противном случае делает лошадь известной вам. что из себя. У хорошо сделанного вступления есть четкое сообщение / цель, оно выглядит выдающимся, и посетителю предоставляется возможность вообще его пропустить — это важно.
Уменьшите размер оставшихся изображений
Меньшие изображения загружаются быстрее. После того, как вы сократили свои изображения до самого необходимого, пришло время уменьшить размер (в байтах) того, что осталось. Y
Вы можете сделать это двумя способами:
1. Уменьшите размеры изображения (ширина х высота в пикселях).
2. «Оптимизировать» изображение.
Уменьшение размеров изображения не всегда является приемлемым вариантом. Макет вашей страницы может зависеть от того, какое изображение имеет определенный размер (однако способ отображения страницы, конечно, зависит от разрешения экрана). Если вы можете безопасно уменьшить размеры изображения, сделайте это, а затем оптимизируйте. Если вы не можете изменить размеры изображений, оптимизируйте только.
«Оптимизация» изображения означает уменьшение размера файла изображения. Это достигается главным образом путем удаления посторонних цветов с изображения. Например, GIF, сохраненный в 256 цветах, обычно может быть уменьшен до 128, 64 или 32 цветов — иногда даже меньше — без ущерба для качества изображения. Это может * радикально * уменьшить размер файла изображения, что, в свою очередь, (часто) сокращает время загрузки.
NetMechanic , MediaBuilder и Spinwave предлагают бесплатную оптимизацию изображений. После того, как вы удалили дополнительные изображения и оптимизировали «хранителей», загрузите свою более светлую страницу и вернитесь в «Гараж веб-сайта» и снова запустите настройку. Надеюсь, вы значительно улучшили время загрузки страницы или, по крайней мере, оно сократилось до более приемлемого значения. Моя главная страница изменилась с 22,05 секунд до 14,55 секунд на 33,6, просто из-за оптимизации изображения. Все еще немного медленный, но эй, экономия 7,5 секунд не слишком потраченная!
Обеспечение загрузки вашего сайта как можно быстрее является частью хорошего веб-мастера / дизайнера сайта. Качественный сайт с точки зрения серфера превратит больше посетителей в клиентов.