Page Speed — Секрет высокой скорости работы сайтов Google — Налетай подешевело! перевод

CSS*

Одна из основных причин успеха Google — это высокая скорость работы сайта — поисковые запросы выполняются, как правило, за доли секунд, и большинство других услуг компании, как правило, работают очень быстро, за исключением Gmail, который иногда работает ужасно медленно. Часть этой скорости можно отнести к одержимости компанией минималистским дизайном и большой фермой серверов, но вы можете быть уверены, у сайтов компании
Google нет недостатка в клиентской оптимизации.

Чтобы упорядочить свои сайты, Google использует внутренний инструмент, который называется Page Speed, а начиная с сегодняшнего дня его открыли для сообщества разработчиков. Инструмент Page Speed — это Firefox плагин, который интегрируется с Firebug. Инструмент предлагает варианты внесения изменений для ускорения вашего сайта на основе передовой практики.

Из Google блога:

Например, Page Speed автоматически оптимизирует изображения для Вас, предоставляя Вам сжатые изображения, которые можно использовать непосредственно на Вашем веб-сайте.

Это звучит знакомо, потому что Yahoo предлагает аналогичный инструмент для Firefox под названием YSlow, который также призван помочь разработчикам упорядочить свои веб-сайты.

P.S. я уже поставил. Тестирую. Впечатления напишу чуть позже.

+118

5 июня 2009, 10:43

185

Jason Kincaid специа…

kulakowka 26,4 G+

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.

комментарии (47)

mxc 5 июня 2009, 10:54 #

Выглядит внушающе, потестим.

Glook 5 июня 2009, 10:54 #

спасибо. напишите, пожалуйста, будут ли какие-либо конфликты между Page Speed и Yslow и если не сложно сравните оба плагина по функциональности.

xxxYURAxxx 5 июня 2009, 11:08 # ↑

конфликтов нет

kulakowka 5 июня 2009, 11:39 # ↑

Конфликтов нет абсолютно. Да и быть их по определению не может. :) это же ведь просто «измеритель-рекомендатель» и все.

Glook 5 июня 2009, 12:09 # ↑

в требованиях указано, что версии браузера и firebug должны быть финальные (не бета- или альфа-) насколько это критично? у вас какие?

kulakowka 5 июня 2009, 12:14 # ↑

У меня: 3.0.10 Лиса.
Версии плагинов:
YSlow 2.0.0b3.
FireBug 1.3.3.

Joshua5 5 июня 2009, 11:08 #

YSlow, кстати, довольно сильно тормозит FF3. Только что обнаружил его установленным и отключенным и вспомнил про это. Интересно, как они поведут себя включенными вместе?

+15

homm 5 июня 2009, 14:25 # ↑

> YSlow, кстати, довольно сильно тормозит FF3

Ну вам как бы не двусмысленно об этом намекают в названии :)

НЛО прилетело и опубликовало эту надпись здесь

sadsanta 5 июня 2009, 11:25 # ↑

А кому нужен этот инструмент? Только веб-разработчикам.
А у разработчиков и так стоят все существующие браузеры, так что от такого шага ни один браузер не выиграл и не пострадал.

Antipod 5 июня 2009, 11:34 # ↑

Page Speed в обязательном порядке требует Firebug, возможно, так было проще сделать сам Page Speed. Согласен с вами, будь Page Speed в Хроме, в некоторых случаях чаще бы пользовался Хромом.

+21

Noofiz 5 июня 2009, 12:56 # ↑

Одна из хороших черт Гула — это то что они уважают своих конкурентов. Попытки «задавить» мозилу выглядели бы глупо и дискредитировали компанию. Это только М$ делает вид, что Линукса не существует и не собирается встраивать поддержку других файлов систем в Винду.

homm 5 июня 2009, 21:19 # ↑

А как же дело о монополии майкрософт?

kurokikaze 5 июня 2009, 13:27 # ↑

Его открыли только сейчас. Вполне возможно что написан он был ещё до Chrome.

–1

GKelpi 30 июля 2011, 01:59 # ↑

Всмысле открыли, в Chrome он есть. довольно давно наверное с 12 версии.
Я его доустанавливал с experimental extensions в about:flags

alexzzam 5 июня 2009, 13:57 # ↑

Да они и вообще друзья и партнёры.
Обратите внимание, как FF интегрирован с гуглом… Да и то, что на открытии конференции Гугла выступает человек из верхов Мозиллы, тоже о многом говорит.

mirritil 8 июня 2009, 18:00 # ↑

вообще-то этот аддон был сделан так давно, когда мыслей о пиаре Хрома ещё не было :). просто заопенсорсили только сейчас.

dimkalinux 5 июня 2009, 11:32 #

Отличия от Yslow — анализ CSS на предмет неэффективных селекторов.

kulakowka 5 июня 2009, 11:40 # ↑

А так же — неиспользуемых для формирования страницы JS — типо подсказывает что можно в стадию «пост загрузки страницы» вынести.

quard 5 июня 2009, 12:54 #

будьте внимательно когда будете тестировать работу JS в другом окурежении (можно сделать чтобы работало как IE6 или Chrome). после тестов, не забудьте обратно поставить Default Value, иначе многие сайты будут криво работать.

kulakowka 5 июня 2009, 12:58 #

ВНИМАНИЕ! Могут возникнуть проблемы с Web Developer Toolbar.

Отключайте на всякий случай. Или снимите галочку Disable Cache. ^_^

akzhan 5 июня 2009, 13:27 #

Переведите в блог Web-Разработка

kulakowka 5 июня 2009, 13:32 # ↑

Сделано.

–11

lak0st 5 июня 2009, 13:57 #

блин, а где Firebug для firefox под MacOS?

kulakowka 5 июня 2009, 14:05 # ↑

Поиск Google вам поможет :)

Запрос подсказать или сами справитесь?

Ferroman 5 июня 2009, 17:22 # ↑

Весна…

acy 5 июня 2009, 19:24 # ↑

Последние 10 лет?

–2

tapin13 5 июня 2009, 14:16 #

Поставил себе YSlow наверное пару лет назад. Не знаю почему но вообще не пользовался им, хотя тот же файрбаг в работе каждый день… Посмотрим, что нам преподнесет гугля :) Спасибо за новость.

sunnybear 5 июня 2009, 14:26 #

Хорошая вещь, только движок CSS-селекторов, как и ожидалось, тормозит… Firefox на нем напрочь завис.
Нет бы использовать YASS для нахождения всех неиспользуемых селекторов :)

hlomzik 10 июня 2009, 15:14 # ↑

Webo.in исключительно рекомендательный сервис, так ведь? Туда стоило бы добавить немного инструментов ;)

4vanger 5 июня 2009, 15:04 #

Гуглу надо было назвать свой плагин GFast :)

padonaque 5 июня 2009, 15:55 #

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

kulakowka 5 июня 2009, 16:00 # ↑

это у вас проблемы какие то… у меня все окейно.

padonaque 5 июня 2009, 17:02 # ↑

черт, у меня и так проблемы, они еще минусуют :)

так вот я не знаю, в чем дело. не в оси это точно, из плагинов стоит adblock, webdev-панель и всё.

Nakilon 5 июня 2009, 16:07 #

Блин, как-то нелепо текст статьи написан. При чем тут скорость обработки поисковых запросов в миллисекунды до сжатия картинок?

–3

pvp 5 июня 2009, 16:07 #

Помнится, был у гугла такой продукт, назывался, кажется, accelerator. Ускорял загрузко страниц. Но он был говно и его запилили, как теперь выясняется, не до конца.
Естественно, акселератор этот работал по другому принципу, кажется, за счет предзагрузки страниц, на которые вели ссылки с просматриваемой, не помню точно.

masterL 9 июня 2009, 17:32 # ↑

Никак тот акселератор не связан с Page Speed, работал он как обычный кеширующий прокси-сервер.

Cyrill 5 июня 2009, 16:36 #

Хабраэффект?

Firefox не может найти сервер dl-ssl.google.com.

/me расстроился…

gen 5 июня 2009, 16:40 #

Наверняка создатель YSlow Steve Souders приложил к этому руку. Как известно, он вступил в ряды гугла в 2008.

zimorodok 5 июня 2009, 16:45 #

Отличная штука! Думаю, что не все опробовал, но то, что есть — здорово:

— выдает варианты скриптов, присутствующих на странице, только в сжатом виде (для хабра уменьшение объема на 16%)
— подсказывает картинки, которым не заданы явно размеры.
— подсказывает неэффективные (inefficient) правила css
— выдает пережатые картинки, присутствующее на странице.

null 5 июня 2009, 17:49 #

Ожидал увидеть в качестве автора новости ник «sunnybear» :-)

enemy_spb 5 июня 2009, 18:39 #

The following cacheable resources have a short freshness lifetime. Specify an expiration at least one month in the future for the following resources:
* www.google-analytics.com/urchin.js

Ругается сам на себя)

w999d 5 июня 2009, 21:27 #

Сделал Expire = +1 month, как посоветовано, теперь советуют сделать +1 year. Что дальше?

mexoboy 6 июня 2009, 19:57 #

Чума. Гугл как всегда не перестает меня удивлять. Очень порадовало, что при высвечивании советов по оптимизации — создается сразу оптимизированая версия js или изображения. Очень удобно =)

Vii 6 июня 2009, 21:41 #

G-ответ WebOptimizer'у?=P