webo.inのヒントに従った方法

 grinkevich.by 今日、webo.inサービスのヒントを学びました。 私が何をどのようにしたかを伝えたかった。





1. CSSファイルのサイズを縮小できます。 JSファイルのサイズを縮小できます。


それほど強くなく、私はそれらを持っていますが、可能であれば、大丈夫です。



1. yuilibrary.com/downloads/#yuicompressor-ダウンロード

2.> java -jar yuicompressor-2.4.2.jar main-src.js -o main.js

3.> java -jar yuicompressor-2.4.2.jar main-src.css -o main.css



ポイント1の準備ができました。



2.外部ファイルのJavaScriptとCSSを取り出します。


Googleカウンターはmain.jsで非表示にする必要があります。 すべてが期待どおりに機能するとは限りません。さまざまなテキストを読む必要がありました。



1. community.livejournal.com/en_coding/243574.html

2. stevesouders.com/efws/script-onload.php

3. blog.andrewcantino.com/2008/11/23/replacement-for-script-onload-in-ie-別のトピックがありますが、以前のバージョンで十分でした。 チェックしませんでしたが、ブックマークに追加しました。



したがって、main.jsは次のような行で補充されます。



function loadScript(url, onload)

{ s = document .createElement( 'script' );

s.setAttribute( 'type' , 'text/javascript' );

s.setAttribute( 'src' , url);



s.onload = function () { // FF, Opera

if (!s.onloadDone) // Opera

{

s.onloadDone = true ;

if (onload) onload();

}

};



s.onreadystatechange = function () {

if ( "loaded" === s.readyState && !s.onloadDone ) { // IE, Opera

s.onloadDone = true ;

if (onload) onload();

}

}



document .getElementsByTagName( 'head' )[0].appendChild(s); }



function analytics()

{

loadScript( 'http://www.google-analytics.com/ga.js' ,

function ()

{ try {

var pageTracker = _gat._getTracker( "UA-2367900-6" );



pageTracker._addOrganic( "mail.ru" , "q" );

pageTracker._addOrganic( "rambler" , "query" );

pageTracker._addOrganic( "webalta" , "q" );

pageTracker._addOrganic( "aport" , "r" );

pageTracker._addOrganic( "tut.by" , "query" );

pageTracker._addOrganic( "all.by" , "query" );



pageTracker._initData();

pageTracker._trackPageview();

//alert(pageTracker); // Ok?

} catch (err) {} }

); }



Object.prototype.attachEvent = function (sEvent, fnHandler, bUseCapture) {

this .addEventListener(sEvent.indexOf( 'on' ) == 0 ? sEvent.replace( 'on' , '' ) : sEvent, fnHandler, bUseCapture);

}



window.attachEvent( 'onload' , analytics, true );




* This source code was highlighted with Source Code Highlighter .






ある場所から数行を削除し、オプティマイザーである10倍に追加しました:)新しいミニトリックを学びました。



3. HTMLファイルのサイズを縮小できます。 静的ファイルのキャッシュは含まれていません。



そのような機能が判明しました。 ob_get_contents()の後に適用されます。



function filterContent($data)

{ $data = preg_replace( '#\s{2,}#' , ' ' , $data);

$data = preg_replace( '#<!--.+?-->#s' , '' , $data);

return $data;

}




* This source code was highlighted with Source Code Highlighter .






.htaccess内:

# server-tuning.info/apache/content-compressing.html

AddOutputFilterByType DEFLATE text/html application/xhtml+xml text/plain text/xml \

text/css application/x-javascript

BrowserMatch ^Mozilla/4 gzip- only -text/html

BrowserMatch ^Mozilla/4\.0[678] no -gzip

BrowserMatch \bMSIE ! no -gzip !gzip- only -text/html

Header append Vary User -Agent env=!dont-vary



# studio.tellme.com/vxml2/ovw/perf/cache_apache13.html

<IfModule mod_expires.c>

<FilesMatch "\.css$">

ExpiresActive on

ExpiresDefault "access plus 1 year "

FileETag none

</FilesMatch>

<FilesMatch "\.js$">

ExpiresActive on

ExpiresDefault "access plus 1 year "

FileETag none

</FilesMatch>

</IfModule>




* This source code was highlighted with Source Code Highlighter .








 grinkevich.by そして、それだけです。今、私はそのようなポン引きを誇示しています。 まだ質問があります。



1.残りの2つのヒントの対処方法を教えてください。 2つの余分な要求のために、スタイルとjsのすべてのコンテンツをページに追加することの正確性に関する疑問に悩まされています。



2.可能な加速度の166%があるのはなぜですか?



私のサイトはグーグルに似ています-同じクールです))



UPD:ヒントホムクリッピングコメントを更新しました。

FileETagなし-10x 2 volinrok



All Articles