iPhone 研究室 iPhone 研究室は、ユーザー目線でiPhoneの便利な使い方を研究するサイトです。

Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog メモ的エントリー。 タイトルのまんまです。 Web ページを表示するときには、まず HTML やら CSS やら JavaScript やら 画像やらをダウンロードする必要があります。 それら各ファイルを圧縮することで転送量を小さく抑え、結果的にパフォーマンス向上(時間短縮)に繋げましょう、というお話。 ページのつくりにもよりますが、70~80% くらいフツーに圧縮されちゃいます。強力。 自宅サーバーや専用サーバーを使ってる場合は Apache の設定を直接いじることも可能ですが、今回はとりあえずパス。 httpd.conf あたりを触ることになるんでしょうけど。 あと、「gzip」とは何ぞや、というのも、正直よく分かりません。 昔から使われてるし一番普及してるし
以前から「PageSpeed」 にやれやれと言われ続けていたのと、 "PageSpeed" の Chrome版 がリリースされたのもあるので、ページの表示速度を改善するために色々やってみました。 やったことを簡単に書き留めておきます。 リソースの圧縮 一つ目は、gzip や deflate を使用したリソースの圧縮です。 リクエストされる各ファイルの容量を圧縮することで転送量を減らし、速度改善につなげる施策です。対象のファイルを一個ずつ gzip 圧縮するのが面倒臭かったので、今回は apache の mod_deflateモジュール を使用して対応しました。 mod_deflate 具体的には .htaccess ファイルに以下の記述を追加しました。 SetOutputFilter DEFLATE BrowserMatch ^Mozilla/4 gzip-only-text/html B
ウェブサイトをgzip圧縮を使って高速化するカスタマイズを紹介します。当サイトでもgzip圧縮を利用しています。 1.gzip圧縮によるウェブサイト高速化のイメージ gzip圧縮によるウェブサイト高速化のイメージをご覧ください。 (クリックすれば拡大します) クライアント(ブラウザ)から、あるウェブサイトの「index.html」にアクセスしたとき、リクエストを受信したサーバでは、HTTPリクエストの分析や、「index.html」の圧縮ファイル「index.html.gz」の有無などをチェックして、圧縮ファイルが返却可能であれば「index.html.gz」を返却します。 返却できない場合は通常の「index.html」をレスポンスで返却します。 圧縮ファイルを返却できれば、データの転送量を減らすことができるので、これによりウェブサイトの高速化につながります。 圧縮ファイルは受信したブラ
CSS や JavaScript ファイルなどを gzip 圧縮して転送量の削減や Web サイト表示速度の向上を実現する方法を解説。既存 Web サイトのソースには一切手を加えない方法でまとめています。おまけでキャッシュ関連の記述もあり。 いや、1バイトの無駄もゆるせねぇんだよとか、難読化したいとかなら別にやればいいんですけど、CSS や JavaScript ファイルの改行やスペースを削除しただけでファイル容量圧縮、読み込み速ーい的なこという人がいるので今さらですが書いてみます。すでに色々なところで書かれてるのでかぶるのは承知の上で。 改行や無駄なスペースなどを削除すること自体が悪いと言ってるわけではありませんのでその辺は誤解ないようにお願いします。ただ、gzip 使って圧縮するのに比べたら、改行削除して削れるファイルサイズなんて微々たるものです。もちろん、両方やれば最大限ファイルサイ
ウェブサイトを圧縮することで、ファイルの読み込み時間を短縮し サイトの表示速度を早くする方法があります サイトをgzipという形式に圧縮することが可能です gzipに圧縮する方法として、.htaccessを利用して圧縮をします .htaccessを使いgzipで圧縮して、サイトの表示速度を早くする 目次 .htaccessの作成、又は変更 gzipに圧縮されたか確認する 1 .htaccessの作成、又は変更 .htaccessがサイトのルートディレクトリにある必要があります ない場合は新規に作成してFTPでアップロードします ファイル名の頭に ドットのファイルはメモ帳では作成できないので アップロードしてからリネームします .htaccessに次の文を記入するだけでgzipが有効になります AddOutputFilterByType DEFLATE text/html text/css
Web Page Analyzer – 0.98 – from Website Optimization Free Website Performance Tool and Web Page Speed Analysis Try our free web site speed test to improve website performance. Enter a URL below to calculate page size, composition, and download time. The script calculates the size of individual elements and sums up each type of web page component. Based on these page characteristics the script then
Test. Experiment. Improve! WebPageTest. The gold standard in web performance testing. Lightning-Fast Web Performance Online CourseLearn to analyze performance, fix issues, and deliver fast websites from the start. Free! Start Course Now >> Introducing Carbon Control Experimental New in WebPageTest! Measure your site's carbon footprint and run No-Code Experiments to find ways to improve.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く