Оптимизация веб-страницы

Question

Я создаю новый динамический сайт для тестирования и изучения веб-оптимизации ... Индекс сайта

Для html, css, js (кроме jquery-min, который связан сgoogle server) файлы Я создал php-файл, который объединяет больше файлов, удаляет неиспользуемые пробелы и сжимает его с помощью Gzip: сжатый css - сжатый js

if(extension_loaded('zlib')){ob_start('ob_gzhandler');
/*...php code to read files and remove comments/spaces*/
if(extension_loaded('zlib')){ob_end_flush();}

Для основных изображений я свернул каждое изображение в one

Для кнопки, подобной Facebook, я заменяю iframe после загрузки страницы с помощью jquery, я бы хотел сделать то же самое с рекламой adbrite.но я не знаю, как .. Если я попытаюсь заменить или вставить код в html после загрузки, страница исчезнет и останется только на аванс ...

Кто-то может помочь?

Можете ли вы сказать мне, если я хорошо (для оптимизации) и где я могу улучшить

Спасибо ...

Answer 1

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

Используйте gzip / deflate и сожмите ваши файлы javascript с помощью минификатора, например YUI , компилятор закрытия Google или uglifyjs , чтобы назвать мало. Служите этим файлам статично.

Хорошим инструментом для автоматизации всех вышеперечисленных процессов (и более того ..) является Apache ANT .

Хорошая библиотека для динамического обслуживания любого контента в одном потоке: supplyJS .

Answer 2

Вы также можете попробовать Google Granule: http://code.google.com/p/granule/ (который программно сжимает и минимизирует css и js файлы на лету)

Также проверьте, что ваши "рекламные объявления adbrite" не работают, потому что в коде может использоваться метод Document.write(), который следует вызывать во время синтаксического анализа документа. попробуйте загрузить их асинхронно или с задержкой.

http://www.sitepoint.com/non-blocking-async-defer/