2 эксперимента по ускорению загрузки сайта

Уроки и воркхаки для работы в Adobe Muse

Узнавать новости первым

Автор: Pro100Muse

Около года назад я провел и описал 2 эксперимента, целью которых было ускорение загрузки сайта, сделанного в Adobe Muse. Информация в них актуальна и, самое главное, наглядно показывает эффективность тщательной работы над сайтом.

Писал я статью на форуме Creatura, вот ссылка

Всем известно, что Муза - дама весьма прихотливая, и, хотя все мы ее любим, у нее есть недостатки. Один из них - лишний вес. Любители толстушек могут пройти мимо, а всем другим - добро пожаловать на серию моих экспериментов, направленных на уменьшение веса сайта. Что-то из перечисленного может Вам сначала показаться диким бредом вначале, но пишу я сюда только то, что действительно дало результат (хоть и минимальный). Так же Вы должны понимать, что проверяю скорость загрузки я через сервисы, поэтому делаю я минимум 8-10 замеров и из них вычисляю среднее арифметическое, чтобы получить более менее точную цифру.

Эксперимент №1 - Уменьшение веса абсолютно всех картинок на сайте

И так, есть пациент, есть цифры:

Вес главной - 3.6 MB

Скорость загрузки - 5,46 сек

Проверялось сервисом - tools.pingdom.com (Dalas)

Уменьшение картинок производилось с помощью ps (сохранение для Web) + пандой (tinypng.com)

По картинкам я, обычно, обрабатываю более менее большие картинки (шапка и т.д.). С такими элементами, как иконки, я особо не заморачиваюсь и уменьшаю только размер (и то, каюсь, не всегда). Сейчас же я решил посмотреть, что будет.

Эксперимент, прошу заметить, проходит с уже сжатыми большими картинками.

И так после всех манипуляций с картинками мы получаем:

Вес главной - 3.3 MB

Скорость загрузки - 5,33 сек

Проверялось сервисом - tools.pingdom.com (Dalas)

Результат:

Уменьшение веса - 8%

Загрузки - 2,5%

Эксперимент №2 - Для схожих объектов обозначаем стили абзацев и графики

И так, у нашего уже известного пациента следующие показатели:

Вес главной - 3.3 MB

Скорость загрузки - 5,33 сек

Проверялось сервисом - tools.pingdom.com (Dalas)

Для тех, кто сейчас крутит у виска поясню - задумка была в том, что при обозначении одного стиля абзаца прописываются div с параметрами. Грузится он только 1 раз, а не постоянно при появлении точно такого же текстового поля.

Сработал ли этот метод? Если честно, я был шокирован. Сработал даже лучше, чем я мог предположить.

И так после всех манипуляций мы получаем вот такую картинку:

Вес главной - 3.3 MB

Скорость загрузки - 5,18 сек

Результат:

Уменьшение веса - без изменений

Загрузка - почти 3%!

Я перепроверял, чистил кэш, проверял различными сервисами. Результат от 2,4% до 2,85%!

Плюс к этому, раз мы можем добавить к графике и к тексту вполне себе нормальный div через код head можно реализовать некоторые интересные вещи;)

Следите за обновлениями

Наша группа в ВК
Наш канал в Телеграмм
Наш бот в Телеграмм
Подписка на EMail рассылку
Канал на YouTube
Мы в twitter

Посмотрите так же

Цех оптимизатора
Цех оптимизатораmore_vert
Цех оптимизатораclose

Раньше виджет назывался 1000 мелочей. Большой сборник инструментов, которые часто используются при создании сайта, а так же для оптимизации и ускорения загрузки

Время работы
Время работыmore_vert
Время работыclose

Виджет отображает время работы на каждый день, при этом определяет и выводит дату и день недели

Посмотреть все виджетыВсе способы покупки