Speculation Rules API によるプリレンダリングのためのメトリクス設計

2023/02/13 7 users メトリクス ウェブブラウザ ウェブページ リソース API

本記事では Speculation Rules API を使ったプリレンダリングの性能評価を行うためのメトリクスについて紹介します。 はじめに ウェブページの読み込みは本質的に時間のかかる処理です。ウェブブラウザは HTML ファイルを解析することでページ表示に必要なリソースを特定・収集・処理し、それらを組み合わせてページの描... 続きを読む

WordPressの軽量、高速化！ページ表示にかかる時間は1秒未満、WordPressの無料テーマファイル -Susty WP | コリス

2018/07/12 46 users テーマファイル コリス WordPress 高速化 １秒未満

WordPressのテーマファイルは年々肥大化されている気がします。もちろん、その分機能が増え、便利にはなっているのですが、小さいサイトを作成する際には不要なものが多くなり、整理するのが大変です。 ページ表示にかかる時間は1秒未満、データ転送量わずか7kBで構築されたWordPressの無料テーマファイルを紹介します。... 続きを読む

WordPressブログをプラグインでAMP対応してみる | ほぼゼロからはじめるWeb副収入への道

2018/04/17 11 users AMP リョウ 規格 プラグイン Web副収入

スマホ等からのアクセスでも高速にページ表示をさせることが実現できる規格！AMPは、Accelerated Mobile Pages(アクセラレイティッド・モバイル・ページ)の略だとか。WordPressブログであれば、AMP対応させるためには、なんと！プラグインをインストールして有効化させるだけ(^^;こんにちは！りょうへいです！ 今回は、当ブログ「ほぼゼロ」をとりあえずAMP対応させちゃいます！... 続きを読む

ページ表示の高速化に伴い、はてなブログにおける「はてなスターコメント機能」の提供を終了します - はてなブログ開発ブログ

2018/03/05 158 users 高速化 提供 はてなブログ開発ブログ はてなブログ 平素

2018 - 03 - 05 ページ表示の高速化に伴い、はてなブログにおける「はてなスターコメント機能」の提供を終了します お知らせ 平素は、はてなブログをご利用いただきありがとうございます。 はてなブログでは、ページ表示の高速化に伴い、2018年4月5日（木）以降をめどに「はてなスターコメント機能」の提供を終了します。これにより、コメントが付いていることを示すコメントボタン（ ）も非表示となりま... 続きを読む

Safariのスマホ表示をPC表示に切り替える方法 - ITmedia Mobile

2017/04/11 14 users Safari ITmedia Mobile iPhone

初心者向けにiPhoneのTipsを紹介する連載「 iPhone Tips 」。今回のテーマは「SafariでPCビューでWebサイトを見る方法」です。 SafariでWebサイトを見ようとすると、ほとんどのWebページが自動的にモバイル用のサイトで表示されるようになっています。今ではPCのサイト表示のまま閲覧できるページの方が少なくなりました。スマホ用のページ表示は、PCで見るサイトよりも余白が... 続きを読む

WordPressのページ表示速度を高速化できるプラグイン5選 | TechAcademyマガジン

2017/01/08 42 users TechAcademyマガジン テックアカデミー HTML

TechAcademyマガジンはオンラインのプログラミングスクール TechAcademy [テックアカデミー] が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が1,000以上あります。 WordPressは、HTMLで構築したサイトと違って、動的にページを生成する仕組みです。そのため、アクセス数が増えると、サーバー負荷が増えてしまい、ページ表示が遅くなることがあり... 続きを読む

ページ表示が遅いと41%が離脱!? グーグルがAMPに本気っぽい などSEO記事まとめ10+4本 | 海外&国内SEO情報ウォッチ | Web担当者Forum

2016/01/28 57 users AMP 近未来 サーチコンソール 離脱 ＥＣ

Web担トップ » 海外&国内SEO情報ウォッチ » ページ表示が遅いと41%が離脱!? グーグルがAMPに本気っぽい などSEO記事まとめ10+4本 海外&国内SEO情報ウォッチ ページ表示が遅いと41%が離脱!? グーグルがAMPに本気っぽい などSEO記事まとめ10+4本 サーチコンソールで表示される外部リンク数の謎、近未来のECで大切なこと、HTTPS証明書が無料に？ などの情報も 鈴木 ... 続きを読む

広告やSNSボタン、追跡コードを無効化してページ表示を最大27％高速化する「Disconnect」 - GIGAZINE

2015/03/16 455 users Disconnect GIGAZINE 漏洩 エンジニア 広告

個人情報の漏洩につながるような2000種類以上のデータトラッキング用のコードをブロックし、ついでに一部広告やSNSボタンもウェブページ上から非表示にしてしまうことでページの表示を最大27％も高速化してしまうブラウザの拡張機能が「Disconnect」です。開発者は元Googleのエンジニアで、オンライン上での個人情報をユーザー側でしっかりとコントロールできるようにするために開発したツールとのことな... 続きを読む

画質の劣化なしでファイルサイズを簡単に圧縮できる「mozjpeg encoder」 - GIGAZINE

2014/08/14 80 users GIGAZINE BMP エンコーダー ファイルフォーマット

jpg、bmp、targaといったファイルフォーマットの画像を画質を劣化させずにより小さなファイルサイズのものに圧縮してくれるエンコーダーが「mozjpeg encoder」です。JPEG画像をさらに10％圧縮してページ表示を高速化する「mozjpeg」プロジェクトで公開されているソースコードを基に作られたもので、一瞬でファイルサイズを小さくできます。 mozjpeg encoder http:/... 続きを読む

Bootstrapのカスタマイズが簡単にできてしまうオンラインツール -Bootstrap Live Customizer | コリス

2014/06/10 350 users コリス Bootstrap リアルタイム パネル カスタマイズ

Bootstrapの実際のページ表示を確認しながら、リアルタイムに簡単にカスタマイズできるオンラインツールを紹介します。 カスタマイズにはスタイルシートの知識はあまり必要なく、直感的にできます。もちろん知識がある人はより高度なカスタマイズが可能です。 Bootstrap Live Customizer 使い方は非常に簡単。 左のパネルをスクロールし、Bootstrapのカスタマイズしたい箇所を表示... 続きを読む

JPEG画像をさらに10％圧縮してページ表示を高速化する「mozjpeg」 - GIGAZINE

2014/03/06 46 users GIGAZINE mozjpeg デコーダー エンコーダー

By JoshArdle Photography 既存の多くのデコーダーと互換性を保ちながら、従来よりもJPEG画像のファイルサイズを削減できるエンコーダーを開発する「mozjpeg」プロジェクトをFirefoxやThunderbirdなどを開発するMozillaが開始したことが発表されました。 Introducing the ‘mozjpeg’ Project | Mozilla Researc... 続きを読む

GTmetrixを攻略！ Javascript をまとめて非同期化してスピードアップ！

2014/01/01 12 users JavaScript 秒数 良いこと尽くし 攻略 ランク付け

こんにちは、あらゆです。私、現在、GTmetrix さんにハマっています。 「GTmetrixって何？」というと、「ページの表示スピードを計測してくれるWEBサービス」です。URLを入力するだけで「そのページが表示されるまでの秒数」と、「適切にプログラムされているか」のランク付けをしてくれます。 ページ表示が速ければ、=Googleの評価が高い、=ユーザーの快適度も高い、と良いこと尽くし。この G... 続きを読む

Mozilla Re-Mix: ページ内のキーワードを自在にハイライトさせることができるGreasemonkeyスクリプト「Enhanced word highlight」

2011/09/11 17 users 結果 目的 部分 文章 検索エンジン

検索エンジンの結果、またその結果からジャンプしたページの中には、検索時に利用したキーワードが含まれています。 しかし、こうしたページの中のどの部分に目的のキーワードが含まれた文章があるのかなどがわかりにくいこともありますね。 FirefoxやGoogle Chromeなら、Ctrl+Fキーを押すことでページ内にあるキーワードを検索してハイライト表示させることができますが、このような作業はページ表示... 続きを読む

覚えておきたい！ ウェブページ表示を拡大・縮小するためのキーボードショートカット : ライフハッカー［日本版］

2011/07/01 13 users ライフハッカー かんたん Windows MacOS 拡大

Apple , MacOS , Microsoft , Windows 覚えておきたい！ ウェブページ表示を拡大・縮小するためのキーボードショートカット 2011.07.02 00:00 コメント数：[ 0 ] Tweet ウェブページはちょうどいい大きさで表示されないと、読みづらかったり、見えづらかったりしますね。そこで、ページ表示の大きさをフレキシブルに変えられる、カンタンなキーボードショート... 続きを読む

「Googleウェブマスターツール」で是非とも確認しておきたい５項目まとめ*二十歳街道まっしぐら

2011/06/23 433 users Googleウェブマスターツール ウェブマスターツール

ウェブサイトをお持ちの方は必ず登録しておくべきサイト「ウェブマスターツール」。 Googleウェブマスターツールではページ表示に関する詳細レポートが確認できますよ。 定期的にエラーがでていないかなどチェックしておくと良いですよ。 今回は、その中から5つの機能を紹介しますね。 詳細は以下より。 「サイト設定」→「サイトマップ」 こちらはGoogleに送信したサイトマップが正常に取得されたかどうかをチ... 続きを読む

JavaScript読み込みブロック回避でページ表示を高速化する方法 | エンタープライズ | マイコミジャーナル

2008/07/25 212 users エンタープライズ マイコミジャーナル 高速化 方法

スクリプトが読み込まれるまで画像の読み込みがブロックされている - 同ブログより抜粋 WebページパフォーマンスツールであるYSlowの主要開発者でありYahoo! Exceptional Performanceの開発者であるStoyan Stefanov氏がNon-blocking JavaScript Downloadsというタイトルで、ページの読み込み速度を向上させるテクニックを簡潔にまとめ... 続きを読む