Сделать сайт Load Faster

Question

У меня есть 8 МБ в файлах PNG, но проблема в том, что я больше не могу их распаковывать, я пробовал каждый png компрессор.Может быть, это тоже что-то в коде?Потому что сайт загружается чертовски вечно.Есть ли способ, которым я могу сжать javascript или html или около того?

Просто взгляните на исходный код и, может быть, я смогу ускорить его?

Answer 1

Там как миллиард http-запросов на вашей странице.Попробуйте уменьшить количество запросов, используя таблицы спрайтов и встраивая css и javascript.

Я вижу, вы также используете изображения для своего меню?Попробуйте использовать для этого шрифт с директивой @ font-face.(это также предотвратит появление вспышки при наведении курсора на пункты меню)

И попробуйте использовать jpegs (так как они позволяют значительно улучшить сжатие для фотографий в целом) для слайд-шоу.Используйте png для рамки, чтобы обеспечить прозрачность.Это также обеспечило бы большую гибкость, поскольку вам не нужно вручную добавлять рамку рамки в фотошопе, если там будет больше фотографий для добавления на боковой показ.

Есть масса других вещей, которые вы могли бы сделатьулучшить свою скорость.Вы должны попытаться соответствовать некоторым из лучших практик в современной веб-индустрии.

Некоторые полезные ресурсы для вас:

Продвигать Интернет вперед

HTML5 Boilerplate

Answer 2

Что нужно сделать, чтобы ваша страница загрузилась быстрее:

1. Поместите все <scripts> в конец body - это гарантирует, что начальные CSS и HTML отображаются перед загрузкой любых скриптов JavaScripts.
2. Конвертируйте ваши изображения в jpg.Поскольку ваши изображения галереи не имеют прозрачности, нет необходимости в png.
3. Изменение размера изображений вашей галереи, они на больше , чем нужно
4. Поместите меньшие значки, пункты менюи другие графические объекты в спрайтах
5. Использование @ font-face вместо серверного текста в качестве изображений
6. Использование градиентов CSS дляградиентов в изображениях
7. Сжатие JavaScript с помощью таких инструментов, как UglifyJs

Answer 3

Попробуйте запустить дополнение YSlow в Firefox.

YSlow анализирует веб-страницы и почему они медленные, основываясь на правилах Yahoo! Для высокопроизводительных веб-сайтов.

https://addons.mozilla.org/en-US/firefox/addon/yslow/

Answer 4

Вы использовали Photoshop для создания своих PNG?Если да, то использовали ли вы «Файл»> «Сохранить для Web» для сохранения изображений?Это уменьшит размер ваших PNG на тонну.

Answer 5

Установите скорость страницы для Chrome и Firefox, которая измеряет вашу скорость и оценивает ее, а также дает советы о том, как повысить скорость вашей страницы.

http://code.google.com/speed/page-speed/

N.B .: Вы должны принять Experimental Extension Apis в Chrome и установить Firebug для Firefox.

Наслаждайтесь!