Лучший способ ускорить загрузку этого сайта

Question

Веб-сайт http://www.kikbo.com

Достаточно ли медленно, чтобы стоить мне конверсий (может быть, люди в Европе)?

Вот результат теста времени загрузки pingdom: http://tools.pingdom.com/fpt/#!/t71Fj5LGf/http://kikbo.com

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

Предложения?

Что я сделал, чтобы сделать это быстрее

http://www.webpagetest.org/result/120103_H6_2QFXT/1/details/

Спасибо.Смог сбрить несколько секунд тут и там.

В порядке увеличения скорости загрузки страницы:

1. Перемещение большинства js назад и css вперед
2. Не предварительно загружать изображения в галерею изображений при переворачивании
3. загрузка prototype.js с серверов Google
4. , делающая галерею ролловеров css sprite
5. Сокращение

Gzipping практически невозможно на GoDaddy, и размещение моих файлов в CDN Google было бы хорошим улучшением.

Answer 1

Оптимизация изображений @ www.smushit.com/ysmush.it/, которая помогает увеличить время загрузки сайта .

Answer 2

Прямо тогда ...

Для начала вот водопад загрузки страницы, сгенерированный с помощью амстердамского экземпляра webpagetest.org http://www.webpagetest.org/result/111230_1A_2PFQ6/1/details/

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

Вы хотите загрузить CSS как можно скорее, но задержать JS как можно дольше.

Я бы попытался упростить CSS-файлы, а затем объединить и минимизировать их.

Для JS отработайте то, что вам действительно нужно для рендеринга страницы, и отложите все остальное до позднего момента, включив его в конец тела или загрузив его асинхронно, см. Статью Стояна о том, как вам следует загружать кнопки социальных сетей http://www.phpied.com/social-button-bffs/

Вам также необходимо включить gzip для текстового контента, например, HTML, CSS, JS и т. Д. Подозреваю, что ваши изображения могут быть сжаты и дальше.

Судя по тому, что я видел в водопаде, то, как вы используете JS, является большой частью медлительности.

Answer 3

Короче говоря, очень немногие основные шаги, предлагаемые командой Yahoo, действительно помогли моим людям решить такую ​​проблему. Это всего лишь несколько хороших шагов, которые мы вообще забыли, и в 70-80% случаев медлительность имеет эти несколько причин

1. Неправильное использование Java-Script.
2. Правильное использование CSS.
3. Как оптимизировать изображения для лучшего времени загрузки.
4. Правильное использование заголовков Expiry.

Я предлагаю вам пройтись по подробному блогу, написанному командой Yahoo. Очень хорошо, чтобы начать с

Лучшие практики и правила веб-производительности

Answer 4

Ваши изображения должны быть оптимизированы и сжаты.CSS и Javascript должны быть уменьшены и объединены в меньшее количество файлов, если это возможно.