Продвинутые анализаторы для 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="https://zhilinsky.ru/page/2/" />

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

<link rel="prev" href="https://zhilinsky.ru/" />
<link rel="next" href="https://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: новый алгоритм.

21 комментарий

Проверка 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.
При использовании информации ссылка на источник обязательна.