.

Уменьшение времени загрузки

Кроме выбора правильного формата для изображения (GIF или JPEG), вы можете воспользоваться другими методами уменьшения размера графического файла, ускоряющими загрузку страницы.

S Используйте прозрачные цвета. При установке прозрачных цветов для графики вы сокращаете размер файла, в котором она содержится. Вы можете не переживать за правильность отображения прозрачных цветов в браузере.

Создайте повторяющийся мозаичный фон. Чтобы усилить визуальный эффект, вместо добавления множества графических компонентов, создайте мозаичный фон. 12.10 представлена достаточно сложная Web- страница, разработанная компанией Juxt Interactive. Данная страница ярко демонстрирует возможности продуктов от Macromedia по созданию интерактивных компонентов. Страница выглядит графически насыщенной благодаря разумной организации и быстрой загрузке фонового узора (рис. 12.11), который повторно используется на каждой странице. Несмотря на достаточно большой фоновый узор, размер файла составляет всего 15 Кбайт. А все потому, что в изображении так мало цветов. Кроме того, браузеру не потребуется загружать это изображение повторно (изображение просто считывается из памяти), так как один и тот же узор используется на всех страницах сайта.

Кстати, размер этого узора превышает размер Web-страницы вследствие мозаичной природы изображения. В данном случае дизайнеры решили избежать повторения узора до визуальной границы окна браузера. Пользователям понадобиться выполнить прокрутку, чтобы увидеть повторение этого узора.

Используйте графику повторно. Повторное использование графики повышает производительность загрузки, поэтому, как только появляется такая возможность, не стоит ее упускать. При загрузке графики на Web-страницу браузер кеширует графическое изображение — сохраняет в памяти. Элементы навигации являются классическим примером повторного использования графики на каждой странице. Такая графика, как представленная 12.12, быстро загружается на всех страницах, так как браузер воспроизводит ее из памяти. Этот процесс осуществляется значительно быстрее, чем загрузка нового изображения.



Hosting Ukraine
Hosting Ukraine


Предложить

Дата Окончане проекта

Сумма проекта

×