Продвинутые анализаторы для Firefox/Firebug.

Добавить комментарий

FirebugТак уж вышло, что связка Firefox и Firebug оказалась очень удобной для веб-разработки — быстрая отладка и поиск элементов избавляют от множества рутинных операций и сильно разгружают мозг разработчику.

Firebug — это расширение для браузера Firefox, являющееся консолью, отладчиком, и DOM-инспектором JavaScript, DHTML, CSS, XMLHttpRequest.

Firebug может показать практически любую информацию о конкретной странице, что, видимо, и привело к появлению дополнительных расширений, анализирующих эту информацию.

YSlow - оптимизация сайтов от YahooНапример, компания Yahoo ещё в 2007 году выпустила своё расширение Yahoo! YSlow, которое анализирует скорость загрузки всех компонентов веб-страницы и дает советы по клиентской оптимизации, основанные на собственных исследованиях и тестах Yahoo.

Кроме измерения скорости, проводится анализ всех компонентов: есть ли заголовки, вынесены ли стили и скрипты в отдельные файлы, используется ли компрессия, перенаправления, анализируется даже взаимное расположение компонентов на странице.

Google Page SpeedНедавно похожий инструмент выложила в открытый доступ и Google. Говорят, он какое-то время использовался внутри компании для оптимизации собственных разработок. Google Page Speed — вот этот новый инструмент.

После установки этого расширения в Firebug появляются две новых вкладки: Page Speed (анализ загрузки страницы и формирование инструкций по исправлению найденных ошибок оптимизации) и Page Speed Activity (детальная отрисовка загрузки всех компонентов страницы).

Из отличий Page Speed от YSlow и аналогов можно назвать следующие: он умеет самостоятельно оптимизировать картинки и сжимать JS и CSS, а также показывать все неиспользуемые CSS-селекторы.

SenSEOЕщё одно любопытное расширение для Firebug, не имеющее впрочем отношения к скорости загрузки страницы, — это SenSEO. Он анализирует огромное количество мелких факторов на странице, влияющих тем или иным образом на её поисковую оптимизацию.

Кстати, неплохо было бы сделать что-то подобное с поправкой на российские реалии. Никто не хочет озадачиться?

Жилинский Владимир.



Атрибуты next и prev от Google

Комментарии (8)

Директивы next и prev от GoogleНе так давно специалисты компании Google выдали вебмастерам инструмент для обеспечения более правильной индексации их сайтов своей поисковой системой — атрибут rel="canonical", указывающий на дублирующийся контент.

Теперь они добавили ещё пару атрибутов, которые должны обеспечить более правильное понимание поисковой системой материалов, разделённых на страницы — это атрибуты rel="prev" и rel="next" .

Работает это следующим образом: в head-блоке страницы прописывается тег link с атрибутами rel и href. Первый атрибут принимает значение prev или next, а второй содержит ссылку на предыдущую или следующую страницу соответственно.

Например, записи в этом блоге выводятся на главной странице и их вывод разделяется постранично. Первая страница — zhilinsky.ru, вторая — zhilinsky.ru/page/2/, и так далее. Для первой страницы конструкция будет выглядеть следующим образом:

<link rel="next" href="http://zhilinsky.ru/page/2/" />

Поскольку страница первая в списке, предыдущая страница не указывается (а у последней страницы не будет указана следующая). У второй страницы будут присутствовать уже оба атрибута:

<link rel="prev" href="http://zhilinsky.ru/" />
<link rel="next" href="http://zhilinsky.ru/page/3/" />

  • Значения атрибута href могут представлять из себя как относительные, так и абсолютные пути.
  • Если на странице объявлен тег base, то адреса можно указывать относительно его атрибута href.
  • Разрешено использование значения rel="previous" как альтернативы rel="prev".

Если вы в чём-то ошибётесь при верстке этих атрибутов, то катастрофы не случится — Google просто проиндексирует ваши страницы, используя свои обычные алгоритмы.



Тематический поиск Яндекса.

Комментарии (4)

Вот и у меня руки дошли посмотреть на возможности нового инструмента сервиса Яндекс.Сайт «Тематический поиск«. Он был открыт некоторое время назад с целью дать пользователям возможность искать по собственному списку сайтов. Надо, опять же, сказать, что это копия сервиса Google Custom Search.

Чтобы проверить работу этих инструментов, я сделал список русских standalone-блогов (~100 штук), которые в данный момент активно ведутся, и скормил их тематическому поиску Яндекса и Пользовательскому поиску Google. Результаты вы можете посмотреть сами.

Яндекс:



Google:


Пользовательский поиск

Субъективно, они мне оба не очень нравятся. У Google выдача сильно порезана фильтрами и порой непредсказуема. Яндекс же готов засунуть туда миллион практически одинаковых страниц (Google подобное пытается фильтровать) и часто подмешивает в результаты поиска сайты, в списке не представленные — из основного поиска.
Поиск Яндекса сложно изменить — он требует перемодерации и апдейта поисковой выдачи для внесения изменений. Google позволяет всё это делать на лету.

В общем, смотрите, сравнивайте, развлекайтесь.

Жилинский Владимир.



Google Buzz: новая жужжалка.

Комментарии (10)

Google в течение последних пары дней постепенно запустил свой собственный сервис быстрого обмена информацией. По сути, это близкий родственник LiveJournal, Twitter и Friendfeed. Сервис появился в виде новой вкладки у пользователей почтового клиента Gmail. В англоязычном интерфейсе он получил название Google Buzz, в русскоязычном — Живая лента. Он позволяет делиться новостями, ссылками, фотографиями, видеороликами и прочим. К нему можно подключить свои аккаунты в Twitter, Blogger, Picasa, Flickr и Google Reader, и ваши сообщения оттуда будут автоматически добавляться в Buzz.

Google Buzz

Для тех, кому это нововведение в привычный почтовый клиент не понравилось, Google сделал возможность отключить сервис, нажав на соответствующую ссылку внизу страницы:

Отключение Google Buzz

Для тех, кто хочет иметь возможность пользоваться сервисом, но не желает получать уведомления от него на почту, или хочет помещать эти уведомления в отдельную папку (ярлык) минуя папку «Входящие» — есть возможность создать фильтр на все уведомления:

Фильтрация уведомлений Google Buzz

Google Buzz изначально мобилен и совместим с мобильными устройствами. Кроме того, для iPhone и Android обещают выпустить самостоятельные мобильные приложения для работы с Google Buzz.

У Живой ленты есть API и документация к нему, но пока там больше обещаний, хотя RSS-фид получить оттуда уже можно.

Посмотреть мой профиль и подписаться на его обновления в Google Buzz можно здесь. Собственно, buzz it!

Ну и в завершение темы Google, расскажу вам про совместный проект этой компании с … РЖД.

Москва-Владивосток: виртуальное путешествие по Великой Транссибирской магистрали - проходит через 2 части света, 12 областей и 87 городов. Вы можете не выходя из дома проехать по этому знаменитому маршруту и посмотреть на Байкал, Хехцирский хребет, Баргузинские горы, Енисей и много других красивейших мест. Да, всего за 4 суток.

Жилинский Владимир



Проверка PR: новый алгоритм.

Комментарии (20)

Проверка Google PRНекоторое время назад перестали работать многие скрипты и функции для определения Google PageRank из-за некоторых изменений в протоколе обмена между соответствующими серверами и Google Toolbar. Чтобы мой сервис проверки тИЦ и PR продолжал работать, функцию пришлось обновлять.


Новую функцию определения PR можно взять тут, а проверить — хоть прямо отсюда.

Введите адрес сайта:



Как и раньше, просьба не перегружать сервис большими или автоматическими запросами, не хочу капчу вешать. Для массовой проверки забирайте скрипт, ставьте задержку около 5 секунд между проверками и пользуйтесь.

Жилинский Владимир.



OpenID: официальный провал?

Комментарии (15)

openid.pngСопоставьте несколько интересных фактов, которые, по-моему, говорят о провале формата OpenID:

Google отказался использовать OpenID в сервисе Google Apps в пользу схожей с ним собственной системы межсайтовой авторизации Google Open ID Federated Login API. Фактически, они сделали собственную систему авторизации, что может запросто привести к появлению таких же решений, например, от Microsoft и Yahoo и к окончательному отказу от открытых стандартов вроде OpenID.

Google возрождает старый протокол finger, который позволял получить данные о человеке, зная его e-mail (а не URI, как в OpenID). Новый протокол (WebFinger), естественно, ориентирован на интернет. Среди разработчиков заметен Brad Fitzpatrick — создатель LiveJournal.com и OpenID.

И, кстати, этот самый Brad Fitzpatrick пишет, что проект OpenID по большей части провалился из-за косяков при разработке интерфейсов для работы с ним:

«People have been trying to use URLs as identifiers for people (as OpenID does), as it has great readability/discoverability properties, but this effort has largely failed because of UI/UX design failings, user confusion about URLs, etc.»

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

Жилинский Владимир.



Полезные скрипты.

Комментарии (12)

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

Самый интересный скрипт, с отладкой которого я дольше всего возился, это анализатор статистики RSS-ленты в FeedBurner. Принцип работы подсмотрен у BlogPerfume Feed Analysis v1.1, но исходниками автор поделиться отказался, пришлось написать самому. Скрипт показывает увеличение числа читателей за каждый месяц, каждый день месяца и каждый день недели в виде динамических графиков.

График читателей по дням недели

Как показали наблюдения, большинство блогеров используют FeedBurner и необходимый скрипту Awareness API у большинства открыт, так что подсмотреть можно и чужую статистику, зная адрес RSS-фида.

Ну и добавил несколько мелких скриптов:

  • Определение Google PageRank
  • Определение Яндекс тИЦ
  • Массовая проверка PR и тИЦ
  • Кнопки с показателями
  • WHOIS-сервис

Для проверки пузомерок (тИЦ и PR) можно скачать готовые функции (PHP), используемые в этом сервисе.

Специально для себя добавил функцию сохранения значений тИЦ и PR, и отображения их истории при изменениях.

В общем, если кому-то нужно или интересно — пользуйтесь, докладывайте обо всех глюках, присылайте ещё интересные скрипты и идеи  :-)

Жилинский Владимир.



Обновления браузеров.

Комментарии (61)

Пожалуй, главная новость интернета за эту неделю — это долгожданное обновление сразу двух популярных браузеров.

Google ChromeНовый браузер от интернет-гиганта Google Chrome получил новую бета-версию 2.0.169.1, которая, впрочем, более чем стабильна. По заявлению разработчиков и тестеров, скорость работы этой программы увеличилась на 25% за счёт перехода на более новые версии компонентов.

А ещё в Chrome добавили режим полноэкранного просмотра (спасибо от моего EeePC), автопрокрутки страниц и ещё несколько приятных мелочей.

Скачать новый Google Chrome можно здесь.

А разработчикам советую заглянуть на сайт экспериментов с Chrome, на котором можно отточить свои навыки работы с JavaScript.

Internet Explorer 8Вторая новость — выход MicroSoft Internet Explorer 8, который как всегда «быстрее, безопаснее и удобнее», правда в сравнении всего лишь с собственными старыми версиями.

Из нововведений пользователям IE8 обещают «умную» адресную строку, более высокую скорость работы, поддержку акселераторов, веб-фрагментов,  улучшенную безопасность и более точное следование веб-стандартам.

Справедливости ради, стоит отметить, что этот браузер на самом деле лучше своих предыдущих версий, но всё равно хуже более надёжных и безопасных альтернатив: Opera, FireFox, Chrome, Safari…

Скачать русскую сборку IE8 от Яндекса можно здесь.

В подтверждение моих слов: «Взлом браузера Internet Explorer 8 у немецкого студента занял около пяти минут. После этого он получил контроль над компьютером.»  Источник.

Жилинский Владимир.



Учим друзей искать самостоятельно.

Комментарии (11)

Нашёл забавнейший ресурс — LetMeGoogleThatForYou.com. «Этот сайт создан для людей, которые считают, что лучше побеспокоить вас своими вопросами, нежели самим поискать ответ в Google

Давай я поищу в Google вместо тебя

Принцип использования такой:

  • 1. Ваш друг спрашивает, например, по ICQ, что означает «STFU».
  • 2. Переходите на этот сайт, вводите запрос «STFU» и нажимаете кнопку «Поиск в Google».
  • 3. Полученную ссылку отправляете другу.
  • 4. Он откроет ссылку и получит не только результат поиска, но и короткий скриптовый ролик на тему того, как этот результат можно было получить самостоятельно с помощью Google.

Вот так — и забавно, и познавательно, я считаю.

Реклама: прокси-листы на продажу — Proxy server.

Жилинский Владимир



Исторический фотоархив LIFE на Google.

Комментарии (8)

Google договорился с журналом LIFE и оцифровал его исторический оффлайн-фотоархив с 1750-го года — это миллионы фотографий, ранее в сети не существовавших. Фотографии выложены в свободном доступе, а так же доступны при поиске по изображением в Google. Можно искать только по этому архиву, используя уточнение source:life.

Теперь можно увидеть, как выглядело программирование под MAC в 1966-м году.

Google LIFE

Источник.

А для тех, кто интересуется политикой или историей, могут показаться интересными, например фотографии Гагарина, Николая II, или Ленина.

Реклама: прокси-листы на продажу — Proxy server.

Жилинский Владимир




© 2007-2010 Блог интернет-разработчика, автор — Zhilinsky.ru.
При использовании информации ссылка на источник обязательна.



жби плиты перекрытия/// Крутые насосные станции.
Дизайн сайта
DIZ Balance
  Яндекс.Метрика
Рейтинг блогов
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156
157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302
303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422
423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483