Use YSlow Firefox add-on to analyze the performance of your web site 추가 -에 대한 사용 yslow 파이어 폭스 웹 사이트의 실적을 분석
Posted on August 3, 2007 at 3:53 pm 에 게시 2007년 8월 3일에서 오후 3시 53분
Make sure to read other posts from the FireFox YSlow series! 반드시 다른 게시물을 읽을 파이어 폭스 yslow 시리즈에서!
- Use YSlow Firefox add-on to analyze the performance of your web site 추가 -에 대한 사용 yslow 파이어 폭스 웹 사이트의 실적을 분석
- How I increased by blog’s load speed by 50% using 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는 파이어 폭스에서 추가 -에 도움을 분석하는 데 사용할 수있는 야후의 실적은 귀하의 웹 사이트를 확인하여 웹 페이지가 느린 이유는 무엇을 기반으로로드하려면 rules for high performance web sites 규칙에 대한 높은 성능을 웹 사이트에 . YSlow integrates with yslow과 통합 Firebug firebug Firefox web development add-on, so you’ll need to install that first. 파이어 폭스 웹 개발을 추 - 일되므로을 설치하셔야하는 첫 번째입니다.
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. yslow는 전체적인 성능을 생성하는 스코어 귀하의 페이지에 대한 완전한 / http 요약, 페이지에있는 목록은 구성 요소 및 기타 유용한 도구처럼 jslint. There are 13 rules for high performance web sites: 지 13 규칙에 대한 높은 성능을 웹 사이트 :
- Make Fewer HTTP Requests 적게 요청하기
- Use a Content Delivery Network 을 사용하는 콘텐츠를 배달 네트워크
- Add an Expires Header 추가 만료 헤더
- Gzip Components gzip 구성 요소가
- Put CSS at the Top 상단 넣어???
- Move Scripts to the Bottom 스크립트를 아래쪽으로 이동
- Avoid CSS Expressions ??? 표현을 피하
- Make JavaScript and CSS External 자바 스크립트와??? 있도록 외부
- Reduce DNS Lookups 조회를 줄이기
- Minify JavaScript minify 자바 스크립트
- Avoid Redirects 리디렉션을 피하
- Remove Duplicate Scripts 중복을 제거 스크립트
- Configure ETags 구성 etags
According to Yahoo, this tool has helped to increase the performance of about 50 Yahoo sites by 25 to 50%. Once installed, browse to the page you want to analyze, click on Tools , then FireBug , and choose Open 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. 4 개의 주요 탭 지에 yslow : 성능, 통계, 구성 요소 및 도구를합니다. Click on Performance to get your report card score: 귀하의 리포트 카드가 점수를 얻는 성능을 클릭하십시오 :
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. 이러한 각각의 점수를 얻을 수있습니다 성능 점 13. Click on Stats and you’ll see exactly how many style sheets, JavaScript files, and images that were loaded. 클릭 통계를보실 수있습니다 정확히 얼마나 많은 스타일 시트, 자바 스크립트 파일 및 이미지를로드되었던. You’ll get the total size of the page and the total number of HTTP requests. 귀하의 전체 크기를 얻을 페이지와 요청의 총 수입니다.
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가의 문제는 자바 스크립트 파일을 찾을 수있습니다. 모든 js과 모든??? 결합의 모든 파일을 별도의 파일을 하나로 통합됩니다. 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 태그 : website performance 웹사이트 실적 , measure website performance 조치가 웹사이트 실적 , analyze website performance 웹사이트 실적을 분석 , load website faster 웹사이트를 더 빨리로드 , increase website performance 증가 웹사이트 실적 , webpage loads slowly 웹페이지를 느리게로드 , website performance tool 웹사이트 실적 도구 , yslow , firebug , firefox add-on 파이어 폭스를 추 - 일
If you enjoyed this post, make sure you 이 게시물 즐겼다면했는지 확인하십시오 subscribe to my RSS feed 내 피드를 구독 ! !
» Filed Under »소송 되었음 Web Site Tips 웹 사이트를위한 도움말
Related Posts 관련 게시물
- How I increased by blog’s load speed by 50% using YSlow
- ClickTale - Web Analytics via recorded video sessions clicktale - 기록된 비디오 세션을 통해 웹 분석
- Simple ways to increase your computer’s performance - Disable Visual Effects in the Performance Options tab 간단한 방법으로 컴퓨터의 성능을 높이는 - 시각적 효과를 비활성화의 성능 옵션 탭
- Website Grader - A free search engine optimization (SEO)/marketing tool 웹사이트 학년 -하는 무료 검색 엔진 최적화 (서) / 마케팅 도구
- How to block Internet web sites with free parental control software 인터넷 웹 사이트를 차단하는 방법과 무료 보호자 제어 소프트웨어
