Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ウェブサイトのレスポンスが遅い #2

Open
mapconcierge opened this issue Nov 21, 2016 · 2 comments
Open

ウェブサイトのレスポンスが遅い #2

mapconcierge opened this issue Nov 21, 2016 · 2 comments
Assignees

Comments

@mapconcierge
Copy link
Member

ウェブサイトのレスポンスが遅い

@Kenyat1989
Copy link
Member

ひとまず、GoogleのPageSpeed Insightsで遅い理由を確認しました。
https://developers.google.com/speed/pagespeed/insights/?hl=ja&url=http%3A%2F%2Fdronebird.org%2F&tab=desktop

@mapconcierge
Copy link
Member Author

mapconcierge commented Nov 27, 2016

Google PageSpeed Insights 結果をメモ

36 / 100提案の概要

修正が必要:

画像を最適化する
画像に適切なフォーマットと圧縮を選ぶことで、データ サイズを大きく削減できます。
次の画像を最適化すると、サイズを 1.6 MB(75%)削減できます。
http://dronebird.org/assets/image/about/haiti_2010_af.png を圧縮してサイズを変更すると 597 KB(81%)削減できます。
http://dronebird.org/assets/image/about/haiti_2010_bf.png を圧縮してサイズを変更すると 211 KB(86%)削減できます。
http://dronebird.org/assets/image/workflow/content_cm.png を圧縮してサイズを変更すると 186.8 KB(81%)削減できます。
http://dronebird.org/assets/image/workflow/content_pilot.png を圧縮してサイズを変更すると 179.3 KB(85%)削減できます。
http://dronebird.org/…ssets/image/workflow/content_develop.png を圧縮してサイズを変更すると 174.1 KB(79%)削減できます。
http://dronebird.org/assets/image/workflow/content_base.png を圧縮してサイズを変更すると 168.3 KB(79%)削減できます。
http://dronebird.org/assets/image/sponsor/sponsors.jpeg を圧縮してサイズを変更すると 119.5 KB(83%)削減できます。
http://dronebird.org/assets/image/team/join.jpg を圧縮すると 22.3 KB(11%)削減できます。
http://dronebird.org/assets/img/pattern.png を圧縮すると 847 バイト(88%)削減できます。
詳細を非表示

ブラウザのキャッシュを活用する

静的リソースの HTTP ヘッダー内で、有効期日や最大経過時間を設定すると、ブラウザがネットワークからではなくローカル ディスクから以前にダウンロードしたリソースを読み込むようになります。
次のキャッシュ可能なリソースでブラウザのキャッシュを活用してください:
http://dronebird.org/assets/css/bootstrap.css (10 分)
http://dronebird.org/assets/css/fonts/Rubik-Fonts.css (10 分)
http://dronebird.org/assets/css/fonts/pe-icon-7-stroke.css (10 分)
http://dronebird.org/assets/css/rubick.css (10 分)
http://dronebird.org/…Icon-Stroke/Pe-icon-7-stroke.woff?d7yf1v (10 分)
http://dronebird.org/…sets/fonts/Slim-Joe/Slim-Joe.woff?d7yf1v (10 分)
http://dronebird.org/…onts/Verlag-Book/Verlag-Bold.woff?d7yf1v (10 分)
http://dronebird.org/…onts/Verlag-Book/Verlag-Book.woff?d7yf1v (10 分)
http://dronebird.org/…assets/image/about/content_kathmandu.jpg (10 分)
http://dronebird.org/assets/image/about/haiti_2010.jpg (10 分)
http://dronebird.org/assets/image/about/haiti_2010_af.png (10 分)
http://dronebird.org/assets/image/about/haiti_2010_bf.png (10 分)
http://dronebird.org/assets/image/sponsor/sponsors.jpeg (10 分)
http://dronebird.org/assets/image/team/join.jpg (10 分)
http://dronebird.org/assets/image/top/background.png (10 分)
http://dronebird.org/assets/image/workflow/content_base.png (10 分)
http://dronebird.org/assets/image/workflow/content_cm.png (10 分)
http://dronebird.org/…ssets/image/workflow/content_develop.png (10 分)
http://dronebird.org/assets/image/workflow/content_pilot.png (10 分)
http://dronebird.org/assets/img/pattern.png (10 分)
http://dronebird.org/assets/js/bootstrap.js (10 分)
http://dronebird.org/assets/js/jquery-1.11.2.min.js (10 分)
http://dronebird.org/assets/js/jquery.waypoints.min.js (10 分)
http://dronebird.org/assets/js/modernizr.js (10 分)
http://dronebird.org/assets/js/rubick.js (10 分)
https://static.doubleclick.net/instream/ad_status.js (15 分)
https://maps.googleapis.com/maps/api/js?sensor=false (30 分)
https://ssl.google-analytics.com/ga.js (2 時間)
詳細を非表示

修正を考慮:

スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する
このページには、ブロッキング CSS リソースが 6 あります。これが原因で、ページのレンダリングに遅延が発生しています。
以下のリソースの読み込みが終わるまで、このページでスクロールせずに見えるコンテンツを何もレンダリングできませんでした。レンダリングをブロックするリソースの読み込みを遅延させるか、非同期に読み込むか、これらのリソースの重要部分を HTML 内に直接インライン化してください。
次のCSS 配信を最適化してください:
http://dronebird.org/assets/css/bootstrap.css
http://dronebird.org/assets/css/rubick.css
http://maxcdn.bootstrapcdn.com/…t-awesome/4.2.0/css/font-awesome.min.css
http://fonts.googleapis.com/css?family=Droid+Serif:400,700
http://dronebird.org/assets/css/fonts/pe-icon-7-stroke.css
http://dronebird.org/assets/css/fonts/Rubik-Fonts.css
詳細を非表示

HTML を縮小する

HTML コード(コード内のインライン JavaScript と CSS を含む)を縮小すると、データ サイズを大きく削減でき、ダウンロードや解析の速度を向上させることができます。
次のリソースの HTML を縮小すると、サイズを 2.4 KB(37%)削減できます。
http://dronebird.org/ を縮小すると、圧縮後のサイズを 2.4 KB(37%)削減できます。
詳細を非表示

JavaScript を縮小する

JavaScript コードを縮小すると、データ サイズを大きく削減でき、ダウンロード、解析、実行の速度を向上させることができます。
次のリソースの JavaScript を縮小すると、サイズを1.1 KB(24%)削減できます。
http://dronebird.org/assets/js/rubick.js を縮小すると、圧縮後のサイズを 1.1 KB(24%)削減できます。
詳細を非表示
5 個のルールに合格
詳細を非表示

CSS を縮小する

このページでは、CSS は縮小されています。詳しくは、CSS の縮小に関する説明をご覧ください。.
サーバーの応答時間を短縮する
このサーバーは素早く応答しています。詳しくは、サーバー応答時間の最適化に関する説明をご覧ください。
リンク先ページのリダイレクトを使用しない
このページでは、リダイレクトは使用されていません。詳しくは、リンク先ページのリダイレクトを使用しないルールに関する説明をご覧ください。
圧縮を有効にする
このページでは、圧縮が有効になっています。詳しくは、圧縮の有効化に関する説明をご覧ください。
表示可能コンテンツの優先順位を決定する
このページでは、スクロールせずに見えるコンテンツの優先順位は適切に決定されています。詳しくは、表示可能コンテンツの優先順位の決定に関する説明をご覧ください。
このページ向けに最適化された画像、JavaScript、CSS リソースをダウンロードできます。
*結果は 30 秒間キャッシュされます。ページを変更した場合は、テストを再実行する前に 30 秒お待ちください。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants