Use YSlow Firefox add-on to analyze the performance of your web site Использование YSlow Firefox дополнение к анализа эффективности сайта

Posted on August 3, 2007 at 3:53 pm Добавлено 3 августа 2007 г. в 3:53 вечера

Make sure to read other posts from the FireFox YSlow series! Обязательно читать другие посты из FireFox YSlow серии!

  1. Use YSlow Firefox add-on to analyze the performance of your web site Использование YSlow Firefox дополнение к анализа эффективности сайта
  2. How I increased by blog’s load speed by 50% using YSlow Как я вырос на блога нагрузки на 50%, используя YSlow

YSlow is a FireFox add-on from Yahoo that you can use to help analyze the performance of your web site and determine why your web pages are slow to load based on the YSlow является FireFox добавить - от Yahoo, которые можно использовать для анализа работы сайта и определить, почему Ваши веб-страницы медленно загрузить на основе rules for high performance web sites правила для высокопроизводительных веб-сайтов . YSlow integrates with YSlow интегрируется с Firebug Firefox web development add-on, so you’ll need to install that first. Firefox разработки веб-сайтов доочистки, поэтому вам нужно установить, что первый.

YSlow will generate an overall performance scorecard for your page, a complete HTML/HTTP summary, a list of components on the page, and other cool tools like JSLint. There are 13 rules for high performance web sites: Есть 13 правил для высокопроизводительных веб-сайтов:

  1. Make Fewer HTTP Requests Сделать меньше запросы HTTP
  2. Use a Content Delivery Network Используйте содержание сеть доставки
  3. Add an Expires Header Добавить истекает заголовка
  4. Gzip Components Архиватор gzip компоненты
  5. Put CSS at the Top Разместите CSS на Наверх
  6. Move Scripts to the Bottom Переместить Скрипты для нижнего
  7. Avoid CSS Expressions Избегайте выражений CSS
  8. Make JavaScript and CSS External Сделать JavaScript и CSS внешних
  9. Reduce DNS Lookups Уменьшить поиск DNS
  10. Minify JavaScript Преуменьшать JavaScript
  11. Avoid Redirects Избегайте Переадресация
  12. Remove Duplicate Scripts Удалить повторяющиеся сценарии
  13. Configure ETags Настроить ETags

According to Yahoo, this tool has helped to increase the performance of about 50 Yahoo sites by 25 to 50%. Согласно Yahoo, этот инструмент помогает повысить эффективность около 50 Yahoo сайтов 25 до 50%. Once installed, browse to the page you want to analyze, click on Tools , then FireBug , and choose Open FireBug . После установки найдите страницу, которую нужно анализировать, щелкните на Сервис, затем FireBug и выбрать Открыть FireBug.

firebug

You’ll now see a docked bar across the bottom where you can inspect every aspect of the web site. Вы теперь видеть панель бара через внизу, где вы можете осмотреть каждый аспект веб-сайта. Go ahead and click on YSlow at the far right. Вперед и нажмите YSlow на ультраправых. There are four main tabs in YSlow: Performance, Stats, Components, and Tools. Существуют четыре основные вкладки в YSlow: результаты, статистика, компоненты и инструменты. Click on Performance to get your report card score: Нажмите спектакля Ваши табеле балл:

yslow деятельности анализатор

As you can see from above, my blog is not quite optimized yet!! Как видно из выше, мой блог не совсем оптимизирован еще! OUCH! УЧ! I will certainly be working on this problem very soon! Я, безусловно, будем работать над этой проблемой очень скоро! You get a score for each of those thirteen performance points. Вы получите балл по каждому из этих показателей тринадцать пунктов. Click on Stats and you’ll see exactly how many style sheets, JavaScript files, and images that were loaded. Нажмите на статистику, и вы увидите, сколько именно стили, JavaScript файлов, и изображения были загружены. You’ll get the total size of the page and the total number of HTTP requests. Вы получите общий размер страницы и общее число HTTP запросов.

Click on Components to get a list of what each request was, the response time, the size, and the eTag. Выберите компоненты для получения списка того, что каждый запрос, то время отклика, размер, и eTag.

Finally, under tools you can use JSLint to find any problems with your JavaScript files. All JS and All CSS combines all of the separate files into one file. Наконец, в соответствии инструменты можно использовать JSLint найти какие-либо проблемы с Вашим JavaScript файлов. Все JS и CSS Все объединяет всех отдельных файлов в один файл. The Printable View option is very convenient since it puts all of the data from all of the tabs together for easy printing. В печати Посмотреть вариант очень удобно, поскольку оно ставит все данные из всех вкладок вместе для удобства печати.

Overall, a very essential add-on if you have a web site and want to optimize it so that web pages load as fast as possible. В целом, очень важно добавить - в том случае, если у Вас есть сайт и хотите оптимизировать его так, чтобы веб-страницы загрузить как можно быстрее.

Technorati Tags: Technorati теги: , , , , , , , , ,

If you enjoyed this post, make sure you Если вам понравилось это сообщение, убедитесь, что subscribe to my RSS feed подписаться на мой канал ! !

» Filed Under Согласно поданной » Web Site Tips Веб-сайт советы

Related Posts Похожие сообщения

Please post your comments/suggestions! Пожалуйста, ваши комментарии и предложения!