Как повысить скорость загрузки этого веб-портфеля?

Question

Я играю с Google, Page Speed, и он дал мне несколько советов, чтобы улучшить скорость загрузки моего сайта:

http://alexchen.zxq.net/ (оригинальный хостинг)

http://alexchen.co.nr (URL перенаправления)

I минимизировал некоторые файлы Javascript (я их не сжимал) и оптимизировал некоторые изображения, но все-таки медленный. Я не очень уверен, что я перегружаю что-то или его, потому что я использую shared free hosting (я знаю, мне нужно получить или .com, но сейчас у меня проблемы с моей кредитной картой).

Любые предложения?

Answer 1

Всего ваша домашняя страница загружает 2,6 МБ, 2,4 МБ изображений, даже если у вас есть только несколько видимых. Вы должны отложить загрузку изображений в витрине, например http://alexchen.zxq.net/images/showcase1.png, до тех пор, пока не будут нажаты эскизы. Это изображение размером 0,5 МБ и загружается на каждую домашнюю страницу, посещает ли кто-нибудь его или нет. Смотрите лайтбокс javascript lib, такой как facebox, который загружает изображение по требованию с помощью AJAX.

Подумайте о том, чтобы переместить положение JavaScript на нижнюю. Поскольку скрипты блокируют параллельную загрузку, вы должны загрузить эти последние, чтобы разрешить загрузку других элементов, таких как изображения. Я профилировал ваш сайт, и jquery, кажется, занимает некоторое время, чтобы загрузить, блокируя другие файлы от запуска.

Включите кеширование для статических элементов, а также для сокращения запросов сервера при втором посещении.

Установите YSlow, чтобы получить более подробную информацию.