並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 261件

新着順 人気順

pagespeedの検索結果1 - 40 件 / 261件

  • PageSpeed Insights

    This site uses cookies from Google to deliver its services and to analyze traffic.

    • インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久

      どれぐらいスゴいかというと、「サーバーにインストールするだけで、あとは設定ファイルをちょちょっといじれば、かなり高速化できちゃう」というぐらいスゴいのです。しかも、どんなサイトでも、どんなCMSを使っていても「インストールするだけ」。 Webサイトを高速化すると、ユーザーに優しいし、場合によっては検索結果での順位にも良い影響が出るかもしれない……それはわかっていても、なかなか本格的にサイトを高速化するのは難しいものです。 サーバー側の高速化に加えて、HTMLのつくりや画像のファイルサイズ最適化、さらにはCSSを調整しての画像スプライト化やCSS/JSファイルの結合・最適化によるブラウザとサーバーの通信本数削減などなど、実はやらなきゃいけないことがたくさん。 グーグルの提供するmod_pagespeedは、そうしたことの、かなりの部分を自動的に行うものです。 mod_pagespeedはこん

        インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久
      • mod_pagespeed をちょっとだけ試してみた - 酒日記 はてな支店

        Google の Page Speed の Apache module 版 mod_pagespeed をインストールして、ちょっとだけ動きを見てみた。 インストールは Ubuntu に deb パッケージで。 $ wget https://dl-ssl.google.com/dl/linux/direct/mod-pagespeed-beta_current_amd64.deb # sudo dpkg -i mod-pagespeed-beta_current_amd64.debconfig はデフォルトで入るものそのまま。 <IfModule pagespeed_module> SetOutputFilter MOD_PAGESPEED_OUTPUT_FILTER ModPagespeed on ModPagespeedUrlPrefix "http://localhost/mod_p

          mod_pagespeed をちょっとだけ試してみた - 酒日記 はてな支店
        • GoogleのPageSpeed Insightsの点数を改善する方法 | 経験知

          ※本ページはプロモーションが含まれています 作成:2015/05/20 更新:2017/03/06 以前からGoogle AdSenseのダッシュボードにあるスコアカードの「サイトの状況」が満点でないことが気になっていました。 「PageSpeed Insights」で確認すると、モバイルは63点、パソコンは82点でした。 ページの表示スピードが遅いということは、せっかく来てくれた人をイライラさせてしまいます。 このブログの場合7割の人がモバイル端末でアクセスしているので、モバイルの点数が低いのはいただけません。 そこで、ページ表示スピードを上げるために「PageSpeed Insights」で指摘された部分を修正しましたので、その方法を紹介します。 2015年5月21日追記:モバイル63点になる前に行っていた対策「画像を圧縮」と「CDNを使用する」を追加しました。 追記終わり 画像を圧縮

            GoogleのPageSpeed Insightsの点数を改善する方法 | 経験知
          • あなたのウェブサイトを高速化させるためのTipsを教えてくれる拡張機能「PageSpeed Insights」 | ライフハッカー・ジャパン

            デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール

              あなたのウェブサイトを高速化させるためのTipsを教えてくれる拡張機能「PageSpeed Insights」 | ライフハッカー・ジャパン
            • フロントエンドコーディングにおけるPageSpeed Insights対策 / frontend pagespeed insights-

              フロントエンドコーディングにおけるPageSpeed Insights対策 / frontend pagespeed insights-

                フロントエンドコーディングにおけるPageSpeed Insights対策 / frontend pagespeed insights-
              • mod_pagespeed Overview

                Learn more Overview Page Speed extension mod_pagespeed for Apache 2 Get Started Page Speed extension mod_pagespeed for Apache 2 Security Considerations Documentation Performance Best Practices Optimize caching Minimize round trip times Minimize request overhead Minimize payload size Optimize browser rendering Page Speed rules (alphabetical) Avoid bad requests Avoid CSS expressions Combine external

                • Googleの提供するPageSpeed Insightsを参考にして、Webサイトを高速化したときにやったこと | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                  Googleの提供するPageSpeed Insightsを参考にして、Webサイトを高速化したときにやったこと こんにちは、ライターのモリイです。 Googleが提供しているPageSpeed Insightsというサービスがあります。これは、ウェブページのコンテンツを解析してページの読み込み速度を測定し、速度の改善策を提案してくれるサービスです。 たかがページの読み込み時間、と侮ることはできません。 読み込み時間が短くなることで、 Googleに評価される。 ユーザーにストレスをあたえない。 というメリットがあり、Google検索での順位をあげるためや、ユーザに離脱されないためにも重要な要素となります。今回は、このツールを使ってサイトの読み込みスピードを実際に上げてみようと思います。 ページの読み込みスピードを分析してみる 画面中央のフォームにサイトのURLを入力し、「分析」をクリック

                    Googleの提供するPageSpeed Insightsを参考にして、Webサイトを高速化したときにやったこと | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                  • Google、PageSpeed Insightsのユーザーエクスペリエンス診断機能を正式公開

                    [対象: 中〜上級] Googleが提供するPageSpeed Insights(ページスピード・インサイト)ツールを使うとサイトの表示速度を診断できます。 スピード診断に加えて、モバイルサイトのユーザーエクスペリエンスを診断する機能を昨年12月からベータ版として試験的に提供していました。 このユーザーエクスペリエンス診断機能を正式に導入したことをGoogleは公式アナウンスしました。 モバイルサイトのユーザーエクスペリエンスを診断 PageSpeed Insightsでは、モバイルサイトにおける次の5項目に関するユーザーエクスペリエンスを評価点付きで診断できます。 viewport の設定 コンテンツのサイズを表示域に合わせる 判読可能なフォント サイズの使用 タップ ターゲットのサイズを適切に調整する プラグインを使用しない 修正が必要な項目に関しては問題点の詳細を提示します。 ちなみ

                      Google、PageSpeed Insightsのユーザーエクスペリエンス診断機能を正式公開
                    • Google、Apache モジュール「mod_pagespeed」をリリース | スラド IT

                      Google が「mod_pagespeed」なる Apache モジュールを公開している。このモジュールを導入すると Apache で「15 以上のスピード最適化」が自動的に行われるようになり、Web ページのパフォーマンスが向上するとのこと (Google Webmaster Central Blog の記事より) 。 Google は mod_pagespeed の導入によりページのロードタイムを 50 % にまで削減できると述べており、実際のデモ動画も公開されている。Apache モジュールなので、既存の CMS や Web サイトに変更を加えずに利用できるのもメリットだそうだ。 mod_pagespeed が行ってくれる作業については mod_pagespeed filters で説明されているが、下記のような作業を自動で行ってくれるとのこと。 Web ページのキャッシュ保持時間

                      • ウェブサイトの高速化処理を自動的に - Apache 向けモジュール mod_pagespeed を試してみよう!

                        +1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1

                          ウェブサイトの高速化処理を自動的に - Apache 向けモジュール mod_pagespeed を試してみよう!
                        • WordPressでもPageSpeed Insightsで100点満点を取る方法 | q-Az

                          PageSpeed Insights とは Google が提供している Web ページの表示スピードを測定して点数をつけてくれるツールです。点数が高いほど Google 検索において有利だと言われているので、高いに越したことはありません。今回はその点数を満点である100点にする方法を紹介します。 「WordPress は遅い」「PHP は遅い」という話を聞いたりもしますし、WordPress だから高得点は無理だと思い込んでいる人もいるのでそんなことは無いよ、というお話です。これを真似すれば基本的には誰でも、WordPress であっても PageSpeed Insights で100点を取れるはずです。 Google アナリティクスを外すPageSpeed Insights では、JavaScript ファイルのブラウザキャッシュ時間を長め(10日程度)に設定しないと点数が下がります。

                            WordPressでもPageSpeed Insightsで100点満点を取る方法 | q-Az
                          • Google PageSpeed Insightsのoriginコマンドでサイト全体のスピードを計測

                            [レベル: 中級] ウェブページの表示スピードを計測するツールの PageSpeed Insights で、サイト全体を集計した速度データを調べられるようになりました。 これまでは、単一のページが検証の対象でした。 origin: コマンドで集計データをレポート サイト全体の速度データを集計してレポートを出すには origin: をドメイン名の URL の先頭に付けます。 僕のサイトであれば、origin:https://www.suzukikenichi.com で検証します。 僕のサイトは、全体としては「Fast」(速い)という結果が出ました。😃 あるいは、個別ページを検証すると、origin: コマンドを使うと集計データをレポートすることができるという説明が出てきます。 Chrome ユーザー エクスペリエンス レポートでは、このorigin(https://www.example

                              Google PageSpeed Insightsのoriginコマンドでサイト全体のスピードを計測
                            • ウェブを高速化する mod_pagespeed、Beta から正式版へ

                              .app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

                                ウェブを高速化する mod_pagespeed、Beta から正式版へ
                              • Google ウェブマスター向け公式ブログ: PageSpeed Insights、Lighthouse の使用を開始しました

                                +1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1

                                  Google ウェブマスター向け公式ブログ: PageSpeed Insights、Lighthouse の使用を開始しました
                                • WordPress高速化~Google PageSpeed Insights 90点達成対策まとめ|ウェブシュフ

                                  @web_shufuです。素人ですが、色々やってみたら、Google PageSpeed Insights で普通に90点を超えられるようになったので、これまでやった高速化対策をまとめました。 上の結果は当ページで計測しました。 表示速度はなぜ速くないといけないのか 表示速度が遅いと、 トラフィック 売上 顧客満足度 顧客そのもの 検索順位 などを失います。 さらにこれらはお互いに影響し合い負のスパイラルを形成します。 …と小難しいことを言う前に、サイトが遅くて閲覧者をイライラさせたらろくなことはないですよね。高速化は必要です。特に遅くなりがちなWordPressサイトでは。 高速化の第一歩は現在のページスピードの把握 高速化の第一歩は現在の表示スピードの計測です。 速度を計測するツールはいっぱいあるのですが、中でも重視すべきはGoogle PageSpeed Insights です。 ペ

                                    WordPress高速化~Google PageSpeed Insights 90点達成対策まとめ|ウェブシュフ
                                  • PageSpeedを使ってWebサイトを最適化・高速化しよう | さくらのナレッジ

                                    Google DevelopersのプロダクトにPageSpeedというWebサイト最適化ツールがある。診断&アドバイスのツールと、HTMLなどを自動変換するツールが用意されており、これらのいずれかを使うことによって的確に既存のWebサイトの高速化が可能だ。診断結果をベースに作業ポイントを紹介していこう。 PageSpeedはモバイルデバイスを強く意識するようになった Webサイトの最適化アドバイスツールのPageSpeedは、WebブラウザFirefoxのプラグイン(拡張機能)としてGoogleから提供されてきた。同様のツールとしては米Yahoo!が提供するYSlowがある。昔はYSlowおよびYUI関連のツールを使うぐらいしか手頃な最適化手法はなかったが、2009年にPageSpeedが登場し、その後PageSpeedはGoogle Chromeの拡張機能としても利用できるようになって

                                      PageSpeedを使ってWebサイトを最適化・高速化しよう | さくらのナレッジ
                                    • Googleの「PageSpeed」でモバイルサイトは3倍高速化?

                                      米Googleが、Webページの表示高速化を支援するオンラインサービス「PageSpeed Service(PSS)」の利用を促す一環として、モバイルWebページでPSSを使った場合の効果について開発者ブログで紹介している。 PSSはWebページを自動的に書き換えて最適化することにより、ページ処理速度の高速化を図るサービス。サイト側でコードに手を加える必要はないという。ブログに掲載された動画には、同サービスを使って表示にかかる時間が6.9秒から2.1秒に短縮された例を紹介している。 高速化の具体的な手段として、ページを重くさせる原因となりがちなCSSやJavaScriptなどに着目している。CSSについては、読み込もうとするページの処理に必要最低限のCSSを特定し、それをHTMLファイルに含めることによって、追加のファイルダウンロードにかかる時間を短縮。JavaScriptはいったん実行を

                                        Googleの「PageSpeed」でモバイルサイトは3倍高速化?
                                      • GitHub - apache/incubator-pagespeed-ngx: Automatic PageSpeed optimization module for Nginx

                                        You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                          GitHub - apache/incubator-pagespeed-ngx: Automatic PageSpeed optimization module for Nginx
                                        • PageSpeed Module  |  Google for Developers

                                          Discover install links, docs, and support options for open source server modules that optimize your site automatically.

                                            PageSpeed Module  |  Google for Developers
                                          • 続・mod_pagespeedの各Filterと設定について ハブろぐ - havelog.ayumusato.com

                                            mod_pagespeedがサーバーから出力されるファイルを最適化する apacheモジュールのmod_pagespeedは、Page Speedアドオンで、検査しているような項目について、HTML・CSS・JSなどを最適化してくれます。例えば、冗長なインラインのCSSを外部ファイルにしたり、逆に短く小さいサイズの外部CSSをインラインにしてリクエストを節約したり、JavaScriptのminify処理をしたりします。 基本的には、クライアントサイドの体感速度と、転送量の抑制につながる、フロントエンドに関連する最適化です。フロントの実装コストを、ある程度サーバーが吸収してくれます。 CentOSへのインストールについては、関連記事の「さくらのVPSにGoogleのmod_pagespeed入れてみた」も併せてご覧ください。 実際に、どんな感じになるのかをソースコードで見るなら、「mod_p

                                              続・mod_pagespeedの各Filterと設定について ハブろぐ - havelog.ayumusato.com
                                            • さくらのVPSにGoogleのmod_pagespeed入れてみた ハブろぐ - havelog.ayumusato.com

                                              原理的に、2倍も速くなったら元が酷いんじゃないか疑惑を感じつつ あなたのサイトも最高2倍速に?!Google純正のサイト高速化モジュール『mod_pagespeed』だと・・・ - IDEA*IDEA ~ 百式管理人のライフハックブログ 速くなるのはいいことなのでレッツトライ。 さくらのVPS 標準 CentOS5.5 x86-64 にmod_pagespeedをインストールしてみたところあっさり行かなかったので、メモ貼りエントリーします。ここでは、mod_pagespeedの概要は、すっ飛ばしてインストールを進める次第。 サクっとインストールするつもりが公開鍵でつまづいた % wget https://dl-ssl.google.com/dl/linux/direct/mod-pagespeed-beta_current_x86_64.rpm % sudo yum localinstal

                                                さくらのVPSにGoogleのmod_pagespeed入れてみた ハブろぐ - havelog.ayumusato.com
                                              • Front-End Optimization | PageSpeed Edge Optimizer | EdgeCast

                                                The Partner of Choice for Speed, Security, and Simplicity at the Edge Securely deliver sub-second web applications, stream high quality OTT and live events, or distribute large file quickly to customers around the globe. Supported by Edgio experts in security, web applications, CDN, and managed streaming services.

                                                  Front-End Optimization | PageSpeed Edge Optimizer | EdgeCast
                                                • Optimize React Apps PageSpeed Insights Score - thetuteur

                                                  What we will be working onWe will be working on optimizing the website of the company I work for coatconnect.com. PageSpeed Insights is a very powerful tool by Google. It allows us to analyze our website’s performance and figure out ways we can improve it. The problem with SPAs (Single-Page Applications) is that they show content after loading JavaScript chunks first, so it takes a little while on

                                                    Optimize React Apps PageSpeed Insights Score - thetuteur
                                                  • Make your websites run faster, automatically -- try mod_pagespeed for Apache

                                                    accessibility 10 advanced 195 AMP 13 Android 2 API 7 apps 7 autocomplete 2 beginner 173 CAPTCHA 1 Chrome 2 cms 1 crawling and indexing 158 encryption 3 events 51 feedback and communication 83 forums 5 general tips 90 geotargeting 1 Google Assistant 3 Google I/O 3 Google Images 3 Google News 2 hacked sites 12 hangout 2 hreflang 3 https 5 images 12 intermediate 205 interstitials 1 javascript 8 job s

                                                      Make your websites run faster, automatically -- try mod_pagespeed for Apache
                                                    • PageSpeed Insightsの真実。点数の公式と高得点をとれない理由。5項目の最適化をすることがスコアアップの近道。 | アイデアマンズブログ

                                                      指標についてはこちらの記事がわかりやすいのでぜひご参考ください。 これらの指標それぞれについて先ほどの順位点数を出します(0〜100)。その5つの順位点数に重みを加味して平均値を出したものが、PageSpeed Insightsで表示される点数です。 つまりどういうことか PageSpeed Inshgtsの点数はいかにファーストビューが速く完成して操作できるようになるか、それが全てということです。 例えば、同じ内容のWebページでも、 A ファーストビューが1秒で表示されるが、スクロールしたときのコンテンツはその後4秒かけて少しずつ表示される場合 B 読み込みから5秒は画面が真っ白だが、その後ページの上から下まで一気に表示される場合 PageSpeed InsightsはAの場合を高く評価し、Bの点数は低く評価します。これは実際のページ離脱の感覚として理に適っていると思います。 点数が上

                                                        PageSpeed Insightsの真実。点数の公式と高得点をとれない理由。5項目の最適化をすることがスコアアップの近道。 | アイデアマンズブログ
                                                      • 【PageSpeed Insights】レンダリングをブロックしている JavaScript/CSS を排除したら99点になったので方法をご紹介 | 株式会社ウェブ企画パートナーズ

                                                        【PageSpeed Insights】レンダリングをブロックしている JavaScript/CSS を排除したら99点になったので方法をご紹介 シェア つぶやく ブックマーク LINE Pocket 「どうせなら100点にしようよ!」というお声が聞こえてきそうですが…。 それはさておき、最近ではページの表示速度がこれまでよりもより重要視されていて、PageSpeed Insights を活用する方も増えてきています。WordPressは動的なCMSということもあり表示速度があまり速くありませんので、 キャッシュプラグイン 画像の軽量化 上記のような工夫をしてらっしゃるのではないでしょうか。 ですが、PageSpeed Insights で注意されがちな項目はそれだけではありません。 スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する

                                                          【PageSpeed Insights】レンダリングをブロックしている JavaScript/CSS を排除したら99点になったので方法をご紹介 | 株式会社ウェブ企画パートナーズ
                                                        • mod_pagespeedでWEBの表示をビックリするほど高速化 | Act as Professional

                                                          $ wget https://dl-ssl.google.com/dl/linux/direct/mod-pagespeed-beta_current_amd64.deb $ sudo dpkg -i ./mod-pagespeed-beta_current_amd64.deb $ sudo /etc/init.d/apache2 restart基本的には以上で終了です。 詳細な設定細かいレベルでの設定をしたい人や導入したことにより問題が発生して人は設定を変えましょう。 設定ファイル /etc/apache2/mods-enabled/pagespeed.conf ModPagespeedRewriteLevel CoreFilters特に設定をしなくてもCoreFiltersが設定されています。(*1) Filterのドキュメントを見る限り、以下がCoreFilterに含まれているようで

                                                            mod_pagespeedでWEBの表示をビックリするほど高速化 | Act as Professional
                                                          • PageSpeed Insightsの使い方。わかりやすいサイトの表示速度を調べる方法 【図解あり!】|魂を揺さぶるヨ!

                                                            PageSpeed Insightsを使ってサイトの表示速度を確認する方法1:以下のリンクをクリックしてPageSpeed Insightsのサイトを開きます。 PageSpeed Insights 2:表示速度を調べたいWebサイトのURLを入力して「分析」を押します。 3:分析結果が表示されます。 タグで「モバイル」と「パソコン」で評価表示を切り替えることが出来ます。 画面左上付近に100点満点で点数が表示されます。 点数が高いほどサイトの表示速度が速く、85点以上がGoogleの合格点だそうです。 PageSpeed Insights について  |  PageSpeed Insights  |  Google Developers 合格点でなかった場合合格点でなかった場合は、「適用可能な最適化」のアドバイスが表示されており、各「修正方法の表示」を開くと的確なアドバイスが表示されます

                                                              PageSpeed Insightsの使い方。わかりやすいサイトの表示速度を調べる方法 【図解あり!】|魂を揺さぶるヨ!
                                                            • Google、スピード計測ツールのPageSpeed Insightsを改良、実際の世界により即したパフォーマンスをレポート

                                                              [レベル: 中級] PageSpeed Insights は、Google が提供するウェブページのパフォーマンスを測定し、改善点を提案するツールです。 この PageSpeed Insights が、より実際に近い状況での測定結果をレポートするようになりました。 実際のデータに基づき、FCP と DCL をレポート 改良版の PageSpeed Insights (以下、PSI) は、 Chrome ユーザー エクスペリエンス レポートのデータを基にして、ページに関する実際のパフォーマンス データを計測します。 Chrome ユーザー エクスペリエンス レポートとは、Chrome の実際のユーザーから取得されたデータに基づくレポートです。 First Contentful Paint(FCP)と DOMContentLoaded(DCL)の2つの指標が PSI に新たに加わりました。 F

                                                                Google、スピード計測ツールのPageSpeed Insightsを改良、実際の世界により即したパフォーマンスをレポート
                                                              • Google製のWebサイト高速化モジュール·mod_pagespeed MOONGIFT

                                                                mod_pagespeedはApacheモジュールとしてWebアクセス高速化を補助する。 [/s2If] mod_pagespeedはLinux用のオープンソース・ソフトウェア。Webサイトの表示を高速化したい、というのはエンジニアであれば誰しもが考える所だろう。HTMLソースを変えたり、JavaScriptを変えたり、コーディングを変える、データベースのスキーマや設定を見直すなどなど色々な施策をとるはずだ。 色々なパターンでのデモがある システムにモジュールを組み込むのも良くある手法と言えるだろう。有名なものとしてはPHPに組み込むAPCがある。殆ど何のデメリットもなく、中間ファイルによって高速化する。同様の手法を言語によらず利用できるのがmod_pagespeedだ。 mod_pagespeedはApacheに組み込んで使うモジュールで、HTML/CSS/JavaScript/画像など

                                                                  Google製のWebサイト高速化モジュール·mod_pagespeed MOONGIFT
                                                                • BootstrapサイトをPageSpeed Insightで満点をとるまで改善する - ワザノバ | wazanova

                                                                  http://calendar.perfplanet.com/2013/breaking-the-pagespeed-barrier-with-bootstrap/1 comment | 0 pointsDan Ritiが、Bootstrapを利用したサンプルサイトをPageSpeed Insightのスコアが100点になるまで改善した取組みを紹介してます。 1) Bootstrap off the shelf [ Mobile Score: 77, Desktop Score: 90, DOMContentLoaded: 833ms ] 2) Enabled mod_pagespeed [ Mobile Score: 80, Desktop Score: 93, DOMContentLoaded: 660ms ] PageSpeedのデフォルトのフィルターを有効にするだけでは3ポイントし

                                                                  • GoogleがPage SpeedをApacheモジュール化したmod_pagespeedを公開 - F.Ko-Jiの「一秒後は未来」

                                                                    「Official Google Webmaster Central Blog: Make your websites run faster, automatically — try mod_pagespeed for Apache」によると、Googleが mod_pagespeed という Apache モジュールを公開したとのこと。 これは Google が以前よりFirefox/Firebox用のアドオンとして提供していた「Page Speed」をApacheモジュール化したものです。 Page Speedはウェブサイトのパフォーマンスを評価して高速化するためのヒントを与えてくれるツールで、主にキャッシュ周りやCSS、JavaScript、画像ファイルなどに関する改善ポイントを示してくれます。 今回公開された mod_pagespeed は、そういったPage Speedが提案する

                                                                      GoogleがPage SpeedをApacheモジュール化したmod_pagespeedを公開 - F.Ko-Jiの「一秒後は未来」
                                                                    • スピード診断ツールのPageSpeed Insightsでユーザー エクスペリエンスの問題も診断可能に

                                                                      [対象: 上級] PageSpeed Insightsで、モバイル向けサイトにおけるユーザー エクスペリエンスの状態を診断できるようになりました。 構成が不適切なビューポートや読みづらいテキスト、タップしづらいボタンやリンク、機能しないプラグインなどスマートフォンからの閲覧の際に発生するよくある問題点を指摘してくれます。 パフォーマンス診断に加えてユーザー エクスペリエンス診断が可能に 「PageSpeed Insights(ページスピード・インサイツ)」はGoogleが提供する、ウェブページの高速化に役立つツールです。 指定したページの表示スピードの状態を診断し改善点を提示してくれます。 数カ月前にリニューアルし、モバイルサイトのパフォーマンスを診断できるようになりました。 このモバイルサイトの診断項目にユーザー エクスペリエンスが新たに加わりました。 ベータ版ですが、すべてのユーザーが

                                                                        スピード診断ツールのPageSpeed Insightsでユーザー エクスペリエンスの問題も診断可能に
                                                                      • Google製スピード測定ツールのPageSpeed Insightsが分析エンジンにLighthouseを組み込む | 海外SEO情報ブログ

                                                                        [レベル: 中級] Google が提供するパフォーマンス測定ツールの PageSpeed Insights が分析エンジンに Lighthouse を使用するようになりました。 英語および日本語の公式ブログでアナウンスが出ています。 PageSpeed Insights, now powered by Lighthouse PageSpeed Insights、Lighthouse の使用を開始しました PSI と Lighthouse の分析方法を統一 Lighthouse も Google が提供するパフォーマンス測定ツールですが、PageSpeed Insights(以下、PSI)とは異なる独自の仕組みでパフォーマンスを測定しています。 チェックする指標は同一ではないし、同じ指標だったとしても計測結果が違ってくることが普通にあります。 どちらも Google 製のツールなのにどちら

                                                                          Google製スピード測定ツールのPageSpeed Insightsが分析エンジンにLighthouseを組み込む | 海外SEO情報ブログ
                                                                        • Google PageSpeed Insightsスコア改善のためにJPEG画像をロスレス圧縮 - 太陽がまぶしかったから

                                                                          Google PageSpeed Insightsのスコアがひどい Google Adsense のコンソールを眺めていたら、スコアカード内の「サイトの状況」がひどいことになっていることに気が付きました。 Google Adsense のスコアカードにおける「サイトの状況」は、広告リクエストが最も多いページのPCと携帯端末でのパフォーマンス分析から決定されます。 実はデフォルト状態でもはてなブログモバイル版の PageSpeed Insights の点数は低いので、スコアが「3」になるのはしかたがないのですが、流石に「1」は異常事態なので改善方法を探りました。 画像フォーマットの問題 問題となっているページに対して PageSpeed Insights を実行します。 結果を見るとPCのスコアが大幅に悪化しており、詳細を開くと「〜.png をロスレス圧縮すると XXKB(YY%)削減できま

                                                                            Google PageSpeed Insightsスコア改善のためにJPEG画像をロスレス圧縮 - 太陽がまぶしかったから
                                                                          • Google、Apacheの自動ウェブ高速化モジュール「mod_pagespeed」公開

                                                                            CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

                                                                              Google、Apacheの自動ウェブ高速化モジュール「mod_pagespeed」公開
                                                                            • ブラウザのキャッシュを活用する - PageSpeed Insights - WordPressの使い方と設定 - Webkaru

                                                                              ウェブサイトの高速化を支援してくれる「PageSpeed Insights」の提案「ブラウザのキャッシュを活用する」についてとその対処方法を解説します。 Google Developersが提供するウェブページのコンテンツ解析をしてくれるWebサービス「PageSpeed Insights」の使い方はこちらを参考にしてください。 » PageSpeed Insightsの使い方 静的リソースの HTTP ヘッダー内で、有効期日や最大経過時間を設定すると、ブラウザが以前にダウンロードしたリソースをネットワークからではなくローカル ディスクから読み込むようになります。 とのことなので、データ(CSS、JavaScript、画像ファイルなど)をブラウザにキャッシュする設定をしていきます。これで、サイトを再び訪れてくれるリピーターにストレスなくサイトを閲覧してもらうことができますね。 それでは、設

                                                                                ブラウザのキャッシュを活用する - PageSpeed Insights - WordPressの使い方と設定 - Webkaru
                                                                              • Web サイトのパフォーマンスレポートを自動で作成してくれる Google Pagespeed Insights for WordPress

                                                                                PageSpeed Insights を使用した Web ページのパフォーマンスレポートを WordPress の管理画面上で作成して見ることができるプラグイン、「Google Pagespeed Insights for WordPress」 を使ってみたので紹介。 Google Pagespeed Insights for WordPress : WordPress Plugins プラグインのインストール プラグインのインストールは管理画面から 「Google Pagespeed」 などと検索すれば出てくると思いますので、そこから行います。 Pagespeed Insights API キーの取得 ただ、このプラグインを使用するには Google Pagespeed Insights の API キーが必要ですので、そちらを先に取得しておきましょう。 APIs Console に G

                                                                                  Web サイトのパフォーマンスレポートを自動で作成してくれる Google Pagespeed Insights for WordPress
                                                                                • PageSpeed Insights のスコアを Mackerel に投稿するアプリケーションをボタン1つで Heroku にデプロイできる状態にした - Sexually Knowing

                                                                                  GitHub - aereal/psi-metrics: Post PageSpeed Insights score to Mackerel PageSpeed Insights とは PageSpeed Insights ユーザが体感するページの読み込み速度を100点満点で評価するサービス。画像を圧縮せよとか HTTP キャッシュを使えとか、とにかく Web ページを速くするためのアドバイスをしてくれる。 チームで指標のひとつとして月1で眺めている。 API Google PageSpeed Insights には API がある。 Web のインターフェースでとれる情報はほとんど JSON で返ってくる。スコアだけではなくて、各ルール (例: 画像を圧縮せよ) ごとのスコアと説明も構造化されて含まれているのでその気になれば Google PageSpeed Insights の Web

                                                                                    PageSpeed Insights のスコアを Mackerel に投稿するアプリケーションをボタン1つで Heroku にデプロイできる状態にした - Sexually Knowing