Недавно мне был поручен один проект. Я должен был создать сайт. После того как я раскрыл мошенничество первого создателя для них сайта, об этом как-то попозже напишу, наверное, эту работу поручили мне. Цель была создать новый сайт. Разработать новую концепцию, новый дизайн, ну и писать код.
Приступил к работе сразу. Но с дизайном никак не мог решиться. Разработал 4 концепций, но ни одна не понравилась. Потом 2 дня мне в голову совсем ничего не приходило. И так прошо 2-3 дня. Наконец-то мне в голову пришел тот самый концепт, тот самый дизайн, который я бы хотел увидеть.
Писанина кода заняло 2-3 дня. Но тут возникала другая проблемаЖ Сайт грузился СЛИШКОМ ДОЛГО!!! С такой проблемой я встречался впервые. Нужно было что-то предпринять.
Сперва я подумал, что это из за того, что у меня бесплатный хостинг(хостинг — это место где хранится сайт). Купил себе платный хост, но… Верно! Опять долго! Правда, ускорился немного, но все же. Этого недостаточно было.
Тогда я решился оптимизировать ВСЕ файлы сайта! ВСЕ!
Нашел 2 сервиса для оценки оптимизации веб сайта:
- От легендарного Google
- От Pingdom какого то
Показатели были низкие. Не помню точно, но в Pingdom я получил 70 из 100.
В первую очередь я уменьшил(сжал) фотографии с сайта. Уменьшил с 5 МБ до 2.7.
Потом добавил к Java Script’ам своим метку async. Что позволяло грузиться скриптам асинхронно. Это ускорило загрузку.
Дальше решил оптимизировать свой CSS код, с помощью сервиса
CleanCSS. После которого мой код уменьшился с 750 строчек до 709.
В данный момент, сайт получил от PingDom оценку 77(+7 с того момента). Но скорость загрузки упало с 7 секунд до 2.35. Впечатляет. Идем дальше.
Далее взял и написал .htaccess конфигурацию и этим добился финальных результатов:
Теперь время оптимизировать сайт под любые разрешения дисплеев. Чтож, приступим: (День 2)
- 10″ -> Оптимизировано!
- 12″ -> Оптимизировано!
- 13″ ->
