Tag Archive for 'css'

WPにおけるJavascript,CSSの動的結合に関してのメモ

hromasaさんに教えてもらった の動的結合に関する情報が面白かったので、それから色々情報をあさっています。
教えていただいたサイトは、
PHP で Javascript を動的結合 : 独断と偏見の何でもレビュー

こちらのページの中ごろに、「 への応用」ってのがありますが、WPではプラグインを大量に使っているとを大量に読み込んで表示を遅くしてしまうので、動的に圧縮してサイズを軽くして読み込みを速くしてやりましょうって試みです。
(僕のこの解釈ちょっと違うかな・・・?)

実際に実験してみましたが、体感的に軽くなったような、なってないような。

そして、さらにまでも結合してしまうとい記事がありました。
たった3行加えるだけで、ページの読み込み時間を劇的に改善させる『class.compressor.php』 | IDEA*IDEA
こちらで知ったのですが、
Improve website load time by 500% with 3 lines of code | Aciddrop.com
ここでファイルなどを配布されているようですが、かなり効果があると言っています。

が、この結果はあくまでも海外のサーバで、日本のようにブロードバンドが普及していない地域での話なわけなので、実際表示されるだけならサーバに負担を掛けない方法を選ぶのが良いかと思います。

Rauru Blog » Blog Archive » class.compressor.php
こちらでも詳しくそのことが解説されていますが、高速化ってことで安易に圧縮すればいいって分けでもないようです。

やはりWPユーザーなら 不要なプラグインを削るとか、外部からの読み込みを少なくするとか、リクエストを減らすとか、WP-Cacheか、WP Super Cacheを使ってキャッシュを利用する方が良いのではないでしょうか?
このプラグインなら、アクセスしたタイミングでキャッシュを作って、次回のアクセスからはキャッシュを表示する訳なので、アクセスがある度に圧縮するほどサーバには負担を掛けません。
実際にWPとWP Super Cache の組み合わせで運営してみたのですが、非常に快適になりました。
ただ、セーフモードなどの規制で使用できない場合もあります。またCGIモードで動作させることも出来るサーバもあるのですが、この場合はPHPで動作させるより負荷がかかりますので注意する必要があります。

と、何も考えずに独り言をメモしてみたのですが、ふと・・・
, を結合したものをキャッシュして静的にすれば良くないかな?
これって技術的に難しいのかな・・・

(俺ってほんと高速化って文字に弱い・・・釣られすぎるw)

Related posts

Google ReaderのCSS

Google Readerのスタイルが公開されていました。
このすたいるを使えば、Google Readerの見た目が変化します。

使いで、Google Reader 愛用者で、を使ってカスタマイズしてるひとは必見です。

ネタ元:
huixingの日記 - google readerのスキンCSS

スクリーンショット
Latest Version of the gReader skin on Flickr - Photo Sharing!

実際使った感想ですが、全体的にすばらしいのです。
しかし、細かな部分で使いにくかったりしました。。
で、自分好みにカスタマイズしてみました。

変更点は、フォルダアイコンを消して、行間縮めて、タグのメニューを前面表示になるようにして・・・
Continue reading ‘Google ReaderのCSS’

Related posts

Gmail の添付アイコンを変更する

Gmeil の 添付アイコンはクリップの形をしたアイコンですが、これを添付ファイルの種類によって変更させる CSSstyleが公開されています。

ネタ元は
Add attachment icons to Gmail - Lifehacker

Stylish というアドオン(拡張)を使用すれば簡単に利用する事が可能です。
Gmail with different attachment icons | userstyles.org

gmail-with-different-attachment-icons.png

Related posts





Loopy Red
T1
Saur
Facebooked
Ranting Daily
Pink for October
Love
Pigments