How I increased by blog’s load speed by 50% using YSlow 어떻게 이런 속도로 늘어난 50 %를 사용하는 블로그의 부하 yslow

Posted on August 10, 2007 at 12:57 pm 게재된 2007년 8월 10일에서 오후 12시 57분

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 yslow is a great site performance tuning tool that every blogger and site owner should use! 은 좋은 사이트의 성능 튜닝 도구 및 사이트 소유자는 모든 블로그를 사용해야합니다! Using YSlow, I was able to have my WordPress blog load almost twice as fast as before by changing a few simple things. yslow를 사용하여, 나는 나의 wordpress 블로그를 로드할 수있었습니다 속도로 거의 두 배 몇 개의 간단한 일들을 변경하기 전에합니다. WordPress may not have the most optimized code in the world, but most blogs are running slow because of their own lack of understanding of what it takes to make a web site load quickly. 대부분의 최적화된 코드를 wordpress이 없을 수있습니다 세계를,하지만 느린 실행중인 대부분의 블로그는 자신의 부족으로 인해 이해 웹 사이트를 만드는 데 걸리는 부하 어떻게 신속하게합니다.

The Simple Stuff 에서 간단한 물건을

Interestingly enough, I was able to see a 25% improvement in load time by doing the following things: 재미있는만큼, 나는 25 %의 개선을 볼 수 있었다 다음과 같은 일들을 수행로드 시간 :

1. Removing SideBar Items - Removing blog directory links from my sidebar and cleaning it up so that it only contains a RSS subscribe, Pages, Categories, Archives, and two third-party links, one to Technorati and one for Spotplex. 1. 제거하고 사이드바 항목 - 블로그 디렉토리 링크를 제거 해에서 내 사이드바 및 청소가 포함되어있습니다 그래서 그것은 단지 rss 구독, 페이지수, 분류, 보관, 2 3 - 파티 링크, 1 ~ technorati, 다른 하나는 spotplex합니다. Earlier I had BlogTopList, BlogTopArea, and a few other blog ranking chicklets on my sidebar that were causing almost 10 DNS lookups each time the front page loaded. 이전 나는 blogtoplist, blogtoparea, 그리고 몇몇 다른 블로그에 순위를 chicklets 내 사이드바가 거의 10 조회의 원인은 각각의 시간을 앞 페이지를로드합니다.

I also removed all JavaScript trackers like MyBlogLog, except for Google Analytics. 자바 스크립트 추적자 mybloglog처럼 나 또한 모두 제거를 제외하고 google 분석합니다. There’s really no need to be tracking using 5 different tracking sites, it only causes more DNS lookups. 거기는 정말없습니다 5 개의 추적을 사용하여 추적을 할 필요 사이트, 그것은 단지 원인이 더 많은 조회합니다. When you run YSlow, check #9 to see how many DNS lookups you currently have. yslow을 실행하면, 수표 # 9를 참조하십시오 조회 현재 얼마나 많은합니다.

2. Delete Useless Plugins - Deactivated useless plugins that were only adding more code to my page or not very helpful in terms of getting traffic or helping a reader while on a page. 2. 삭제할 쓸모없는 플러그인 - 비활성화된 쓸모없는 플러그인은 더 많은 코드를 오직 내 페이지를 추가하거나의 측면에서 매우 유용 아니라 독자가 점점 트래픽이나 도움이 페이지에있는 동안합니다. For example, I was using FeedBurner’s FeedSmith code to add an Email This, Digg This, etc to my posts, but I already have ShareThis installed and a few other social bookmarking links at the top of my page. 예를 들면, 나는 feedburner의 feedsmith 코드를 추가하여 이메일을 사용하여이 돼, 기타가 내 게시물,하지만 전 이미 몇 sharethis를 설치하고 다른 사회 내 페이지 상단에있는 링크를 북마크합니다.

Also, I had more than one tagging plugin installed, which was not helping in any way, so reduced it down to simply Technorati tags. 또한, 나는 두 개 이상의 태그는 플러그인을 설치하면 어떤 방식 으로든 도움이 안됐다, 그래서 그것을 간단하게 technorati 태그를 축소합니다. Another thing that I did which seemed to help was to actually DELETE the deactivated plugins from the wp-contents\plugin directory. 또 다른 한가지는 못했던건 데 도움을 보였다는 사실은 비활성화된 플러그인을 삭제합니다에서 백린 - 목차 \ 플러그인 디렉토리합니다. I’m not sure why, but this helped a somewhat also! 무엇 때문인지는 모르겠지만,이 도움이 약간도!

More Interesting Stuff 더 재미있는 것들

The above-mentioned steps are easy and a very quick way to lower the load time for your web pages, but there are a couple of more things that I was able to do that helped even more! 위의 - 언급된 단계가 낮아 쉽게 그리고 매우 빠른 방법을 귀하의 웹 페이지의로드 시간을,하지만 몇 가지 더 많은 일들을 할 수 있었다시키는 데 도움이되었던 나는 훨씬 더!

#6 on YSlow says that you should move scripts down to the bottom of a page rather than at the top because it holds up the rendering of the web page if they are in the HEAD section. # 6 일 yslow에 따르면 스크립트를 아래로 이동시켜야합니다보다는 한 페이지의 맨 위쪽을 지니고 있기 때문에 웹 페이지의 렌더링 머리에 만약 그들이이 섹션을합니다. I had no clue about this and had about 6 scripts that were in the head section. 나는 이것에 대해 전혀했고, 머리 부분에 있었던 약 6 스크립트를합니다. Moving the scripts down was not as simple as the other steps because you have to edit some of your plugins to have them write the “<script type=”text/javascript” src=…” in the footer section. 간단하게 움직이는 스크립트 다운 아니었 다른 단계에 귀하의 일부 플러그인을 편집해야 할 왜냐하면 당신이 그들을 쓰기 "<스크립트 유형 ="텍스트 / 자바 스크립트 "&…"를 바닥글 섹션을합니다.

As a note, though, you will not have able to move ALL of your scripts down to the bottom because some will simply not work! 을 참고하지만, 당신은 당신의 모든 스크립트를 아래로 이동할 수있습니다 하단 왜냐하면 어떤은 간단하게 작동하지! Google Analytics, for example, will have to remain and I left my Subscribe Me in the HEAD also otherwise when you scroll over my Subscribe button instead of a list coming down, nothing would happen. google 분석, 예를 들어,이 상태를 유지 그리고 난 내 등록이 내 머리를 왼쪽으로 스크롤하면 내 눈에 구독 버튼도 그렇지 않으면 대신에 목록을 내려오고, 아무것도 일어날합니다.

However, I was able to move my ShareThis, Subscribe Remind , and AJAX Edit Comments scripts to the bottom without any problems. 그러나, 나는 내 sharethis를 이동 수 있었다, 구독 상기, 그리고 아약스 의견이 스크립트를 수정하지 않고 바닥에 문제가합니다. Here’s how you can try moving your scripts to the footer: 귀하의 스크립트는 다음과 같은 방법을 시도할 수있습니다 이동 꼬리말 :

1. Firstly, backup the original code or file for the plugin! 첫째로, 원래 코드 또는 파일을 백업 플러그인을! If you mess it up, you’ll need to go back to the original! 망치하는 경우, 당신이 필요로 돌아갈의 원래!

2. Go to your Admin panel and click on Plugins. 관리자 패널로 이동하여 플러그인을 클릭하십시오. Find the plugin that YSlow is listing as an offender. yslow가 상장되는 플러그인을 찾을 위반자로서합니다. Here is an example of mine currently: 여기에 광산은 현재의 예입니다 :

3. Click on Edit to modify the plugin code. 플러그인 코드를 수정하려면 수정을 클릭하십시오. Now do a search in your browser for the phrase “ wp_head “. 이제 귀하의 브라우저에서 검색을 위해 "와 같은 문구를 wp_head"합니다. wp_head is a hook that plugins can use to dump stuff into the HEAD section. 이 플러그인은 wp_head 후크의 머리 부분을 사용할 수있습니다 물건을 덤프합니다. Change wp_head to ‘wp_footer’ with the single quotes. wp_head 변경 사항을 'wp_footer'을 단일 따옴표를합니다. Now your script code will be moved to the bottom. 이제 당신의 스크립트 코드가 아래로 이동됩니다. Sometimes you’ll see more than one wp_head in your plugin file, one for CSS and one for JS. Only change the JS line ! 때로는 두 개 이상의 wp_head에 나타납니다 플러그인 파일을, 하나는 전투 근무 지원을, 다른 하나는 js합니다.만이 js 라인을 변경!

4. Save your file and test out what changes were made on the site. 귀하의 파일을 저장하고 테스트를 아웃 사이트에서 변경된 사항은 무엇입니까. A few minor things changed on mine with the AJAX Edit Comments, but it was nothing major, just a smaller text box. 사소한 일들로 광산으로 변경 몇 아약스 편집 비평, 그러나 아무것도 아니었 전공, 그냥 작은 텍스트 상자를합니다.

Shrink, Zip and Cache 정신과 의사, 우편 번호 및 캐시

Ok, so there are two more things that I did to get me to the 50% reduction in load time: got gzip to work with wp-cache and used JSMin to shrink the prototype.js file. 자, 그럼이 두 개 더 걸에게 한 50 %를 감축에 데려다로드 시간 : gzip있어 포스트 - 캐시와 같이 일하려면 jsmin를 축소하는 prototype.js 파일을 사용합니다.

Getting gzip to work with WP-cache plugin takes a little more editing of your files, so again please make sure to backup everything in case it doesn’t work. 점점 gzip 같이 일하려면 좀 더 백린 - 캐시 플러그인을 필요로합니다 귀하의 파일을 편집, 그래서 다시는 백업을 확인하시기 바랍니다 모든 경우를 대비하여 작동하지 않습니다. Anyway, here’s the method I followed to 어쨌든, 여기에 당신을 따라하는 방법 update my wp-cache files 나의 백린 - 캐시 파일 업데이트 . 합니다. Remember, you should still keep gzip disabled in WordPress. 기억하세요, 당신은 여전히 gzip 사용 중지 상태로 유지 wordpress합니다. Editing the wp-cache code makes the PLUGIN compress the JavaScript files, not WordPress. 백린 - 캐시 코드를 수정 플러그인을 압축하는 과정에서 자바 스크립트 파일, wordpress없습니다. So keep gzip disabled in WordPress in order for it to work. gzip 사용 중지 상태로 유지하기 위해 wordpress 그래서 그것을 작동합니다.

Lastly, point number 10 in YSlow is to have your JavaScript files Minified. 마지막으로, 소수점 10 yslow는 귀하의 자바 스크립트 파일을 minified합니다. This will basically remove all comments and extra line breaks, etc from the code making it much smaller, but impossible to read. 이것은 기본적으로 모든 의견과 여분의 줄바꿈 표시를 제거, 기타의 코드를 만들기 전에는 훨씬 작아,하지만 불가능을 읽고합니다. To use 를 사용하는 JSMin jsmin , download it and copy it to the root of your C drive. 을 다운로드하고, 남편 곁에서 안도감을 드라이브의 루트에 복사하여합니다.

Copy down the JavaScript file you want to shrink and place it in the same directory as the JSMin executable. 자바 스크립트 파일을 원하는 아래로 복사와 장소를 축소 jsmin 실행 파일과 같은 디렉토리에합니다. Go into DOS and CD into the directory with the files. 도스로 이동을 실행하여, 디렉토리와 파일을합니다. Type jsmin <originalfilename.js >newfilename.js to convert the file. 유형 jsmin <originalfilename.js> newfilename.js의 파일을 변환합니다.

Once the file is generated, copy it somewhere else, rename it to the original file name and replace it on your server. 일단 파일이 생성, 복사가 어디 다른, 그것을 원래의 이름을 바꿉니다을 귀하의 서버에서 파일 이름과 바꾸십시오. I was able to reduce my prototype.js file from 74KB to 54Kb using JSMin. 나는 내 prototype.js를 줄일 수 있었을 74kb에서 파일을 jsmin를 사용 54kb. Unfortunately, I’m still not sure how to move prototype.js to the bottom or if it’s even possible, but if you know, post a comment. 불행히도, 난 여전히 prototype.js로 이동하는 방법을 잘 모르겠 바닥이나 만약 그게 가능, 그러나 만약 당신이 알다시피, 의견을 게시합니다.

Conclusion 결론

Even though my site has only a 62 when I run YSlow on it now, it’s far better than the 40 I was getting before I used it! 내 사이트가 겨우 62 비록 yslow가 그것을 실행할 때, 이제는 40 나가 점점보다 훨씬 더 나은 사용하기 전에! If your WordPress blog or web site is running slow, get to working understanding the various issues involved in increasing site performance. wordpress 블로그 또는 웹 사이트가 실행되고있는 경우 천천히, 다양한 문제를 이해하는 작업에 관여를 얻을 사이트 실적을 증대합니다. Doing a few of these things might save you cash if you think you need a new host or dedicated hosting. 이 일을하는 몇 사람은 당신을 구할 수도있습니다 현금이 필요 있다고 생각되는 경우 새 호스트 또는 전용 호스팅합니다.

Now it’s time for me to figure out the expires header and etags, since I got F’s on both of those! 이제 나를 위해 그것의 시간이 만료 헤더와 etags를 알아내는, f의 양쪽 모두에 들어온 이후로 난 그!

Technorati Tags: technorati 태그 : , , , , , ,

If you enjoyed this post, make sure you 이 게시물에 즐거워하는 경우, 있는지 확인하십시오 subscribe to my RSS feed 내 피드 구독하려면 ! !

» Filed Under »소송 아래에 Web Site Tips 웹 사이트 작성을위한 도움말

Related Posts 관련 게시물

2 Responses to “How I increased by blog’s load speed by 50% using YSlow” 두 반응을 "어떻게 나 늘어난 50 %를 사용하는 블로그의로드 속도를 yslow"

      Pingbacks pingbacks
    1. Wordpress Performance verbessern - Tipps und Tricks wordpress 성능을 verbessern - 그럼 트릭을 tipps Says: 내용 :

      […] Online-Tech-Tips […] […] 온라인 - 테크 - 팁 […]

      November 1st, 2007 at 3:42 pm 2007년 11월 1일에서 오후 3시 42분
      2. Pingbacks pingbacks
    2. 7 free SEO tools to analyze and optimize your website for speed and compatibility 서재응 도구를 무료로 일곱에 대한 귀하의 웹사이트를 분석하고 속도와 호환성을 최적화 Says: 내용 :

      […] to ensure the highest possible grade. […]를 확보 높은 학년을합니다. I wrote two articles on YSlow, one about how it helped me reduce the load time of my site by 50% and another on how to setup YSlow. 나는 두 개의 기사를 썼다 yslow, 하나의로드 시간을 줄이는 방법에 대해 도움이 내 사이트의 설치 방법에 대한 50 %와 다른 yslow합니다. Make sure to read them and install Firefox just for this […] firefox 단지 확실하게하고 설치에 대한 내용을 읽을 수있습니다 이것 […]

      November 30th, 2007 at 2:46 pm 2007년 11월 30일에서 오후 2시 46분
    Please post your comments/suggestions! 게시물하시기 바랍니다 귀하의 의견 / 제안!