モダンWEBサイトにおける画像最適化について
はじめに この記事は『Picture perfect images with the modern img element』という記事を参考に画像最適化に関しての重要な観点をまとめたものです。 画像はWEBにおいても重要な役割を担っており、2021年時点で1つ以上の画像を含むWEBサイトは95.9%、faviconなども含めて1回でも画像取得のリクエストを送信するWEBサイトは99.9%であるという調査もあります。 さらには、LCP要素の約70%が画像であるという調査が出ています。 Largest Contentful Paint（LCP）は、Googleが提唱するCore Web Vitalsの1つで、ウェブページのパフォーマンスを測る指標です。詳しくは次の章で解説します。 つまり、WEBのパフォーマンスにおいて画像の最適化は重要な観点でありユーザ体験に直結することがわかります。 画像最
ヤフー全社横断「Webパフォーマンス改善」の取り組み (Core Web Vitalsスコアの向上)
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、第11代黒帯（ヤフー内のスキル任命制度／Webフロントエンド領域）の浜田（@narirow）です。今回はヤフー全社で実施してきた、「Webパフォーマンス改善プロジェクト」についてお話ししたいと思います。 長期に渡る活動の結果、多くのサービスのWebパフォーマンスが徐々に向上しています。この記事では、取り組みの経緯や、多くのサービス分析を通してわかったコスパの良い施策（比較的簡単に実施できてスコアも上がりやすい施策）などをご紹介します。 全社横断でWebパフォーマンス改善を実施する経緯 さかのぼること2021年、Googleから以下のような案内がありました。 「Core Web VitalsがGoogle検索の検索順位に
HTTP/3 の特徴 HTTP/2とQUICの違い | REDBOX Labo
今回は改めてHTTP/3とはどのようなもので、QUICとは何か、HTTP/2時代からの改善点と我々はHTTP/3の波に乗るべきなのかチェックしていきたいと思います。時がたち次世代Web通信プロトコル「HTTP/3」の標準化プロセスが完了し、2022年6月に「RFC 9114」となりました。既に基盤となる「QUICプロトコル」の標準化プロセスも完了し、RFC9000としてRFCとなりました。もうHTTP/3は無視出来ないところまできています。 HTTP/3の誕生と歴史HTTP/3とは、HTTP/1.1 HTTP/2に続く新しいバージョンの約束事です。HTTP/1.1からHTTP/2は様々な点で劇的な進化を遂げましたが、HTTP/3はHTTP/2の根本的な課題をTCP・TLSの融合という形で解決し問題点を補うよう進化してきました。 1991年：HTTP/0.9（HTTPの始まりGETメソッドし
任意のWebサイトで画像が最適化されているかを調べるCloudflare製のチェックツール・「Image Optimization Test」 - かちびと.net
Image Optimization Testは任意のWebサイトで画像が最適化されているかを調べるチェックツールです。 CDNでお馴染みのCloudflare製となっており、チェック後にCloudflareを使用するとどれくらい軽量化できるかも提示してくれます。 調べたいURLを入力してしばらく待つと解析結果が表示されます。例えばページに表示されている画像の総重量、ページロード時間、LCP(Lrgest Contentful Paint)や、ファイル形式をavifに変える事でどれくらい軽量化できるかなどを提示してくれます。 また、サウスカロライナ州の3G高速接続でMotorola MotoG4を使用、GoogleChromeで実行し、画面解像度は1080×1920で、デバイスピクセル比（DPR）は3などといったテスト環境も提示してくれます。 利用は無料でユーザー登録も不要です。パフォーマ
ブラウザレンダリングの仕組み
Webの用語を100秒で解説するチャンネルを作りました！ よかったらチェックしてみてください！ はじめに 以前書いた記事「Webページがブラウザに表示されるまでに何が起こるのか？」で ブラウザレンダリングについて詳細に知りたいという意見をいただいたので、調べてまとめてみました。 全体図 レンダリングの大まかな流れです。 HTMLのダウンロード サーバから送られてきたHTMLをダウンロードします。 HTMLの解析 サーバから送られてきたHTMLファイルは、「0」と「1」でできたデータになっています。 ブラウザは、サーバから受け取ったデータをそのままHTMLとして解釈することはできないので、自分で扱うことができる形、つまりDOMに変換する必要があります。この作業を 解析 ( Parse ) と言います。 HTMLをダウンロードしたら、すぐにこの解析作業に入ります。作業は以下のようなステップにな
1年でWeb集客を500％成長させるためにした7つのこと｜Yoshi
本noteが書籍『「未経験・低予算・独学」でホームページリニューアルから始める小さい会社のウェブマーケティング必勝法』で取り上げられました！こんにちは。 岐阜でWebマーケをやっているYoshi（@motoy0shi）です。 2021年3月で、今の会社に転職してきて丸1年となりました。もともとフリーランスでWebに関する仕事をしていましたが、Web系の会社での勤務は初めて。 入社して配属されたのは、自社のマーケティング・営業を推進する部署。僕のミッションはただ1つ。「Webを通して商談を作り出す仕組みづくり」です。 特に職務経験もない領域でしたが、見様見真似で１年がむしゃらに頑張った結果、リード獲得数は500％増、さらには一度も対面打ち合わせすることなく、Webのみで数百万円のコンサルティング案件が何件も受注できるようになりました。中には、日本を代表するようなエンタープライズ企業からも。
Webの負荷テストに使えるフリーソフトウェア
インターネット上では、Webアプリケーションやサーバそのものが高負荷となることは可能な限り回避する必要がある。本稿では、動的Webサイトの専門家がWebの負荷テストで使えるソフトウェアを幾つか紹介していく。 Webアプリケーションおよびサーバの高負荷時の挙動を確認する方法の1つが、疑似的に負荷をかけてテストを行うことだ。ここでは、そうしたテストを実施するフリーソフトウェアを幾つか試し、それぞれがどんなタイプのサイトに適しているかを調べた。 負荷テスト用のツールはいろいろあるが、メンテナンスが行われていないもの、フリーでないもの、インストール手順が明確でないものを除くと、curl-loader、httperf、Siege、Tsung、Apache JMeterの5つが候補として残る。 JMeterについては、すでにダニエル・ルービオ氏が取り上げているので、ここでは詳しく説明しない。ただし、最
改ざん攻撃はこう防げ！Webサイトの正しい守り方
Webサイトの改ざんが後を絶たない。今年3月には，国内で中国からのSQLインジェクション攻撃が多数発生し，話題になった。Web改ざんは以前から継続して起こっている問題だが，改ざんする側の目的が変わると同時に攻撃の技術が進歩し，ファイアウォールなど従来の対策では防御できなくなってきている。そこで本連載では，最近のトピックを中心にWebサイト改ざんの代表的な手口を紹介し，その対策を解説する。 目次 第1回 急増するWebサイト改ざん事件 第2回 いつも基本はパスワード管理 第3回 サーバー・ソフトのぜい弱性をなくす 第4回 話題のSQLインジェクションを防ぐ 第5回 クロスサイト・スクリプティング対策も忘れずに
Webの脅威 ： ITpro
Microsoftの10月定例アップデートは「緊急」4件，「重要」6件，「警告」1件 米Microsoftは，10月14日（日本時間では10月15日）に公開を予定する月例セキュリティ・アップデート（修正パッチ）11件に関する情報を発表した。内訳は，遠隔コード実行対策の「緊急（Critical）」4件，遠隔コード実行／権限昇格対策の「重要（Important）」6件，情報流出対策の「警告（Moderate）」1件。 [2008/10/10] 「ウイルス入り画像ファイル」にご用心――エフ・セキュア [2008/10/09]「MSが偽ソフトを推奨？」――セキュリティセンターをかたる新手口 [2008/10/09]「ウイルス付き迷惑メール」が急増，3カ月で10倍以上に [2008/10/08]アドビ，Flash Playerの「クリック乗っ取り」対策を公表 [2008/10/08] 脅威，すべて
HTTP用負荷ツールいろいろ:phpspot開発日誌
「オープンソース戦略により、無償で使えるようになった負荷テストツール」によるとWebLoadという商用のHTTP負荷計測ツールが無料で使えるようになったとのこと。 そこで、いろいろとある負荷計測ツールをまとめてみました。 ab(ApacheBench) - Apacheに付属の負荷計測ツール ＠IT：Apacheパフォーマンス・チューニングのポイント（2/2） JMeter - Javaで書かれた負荷計測ツール JMeter(高機能/フリーなテストツール)第1回：JMeterの基本 Microsoft Web Application Stress Tool - Microsoft提供のGUIによる負荷計測ツール WASTを使い倒そう！（TOP） WebLoad - 今回紹介された WebLoad オープンソース戦略により、無償で使えるようになった負荷テストツール どれもメジャーなものですが
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
memo.blogdns.net is offline
ハイパフォーマンス Web サイト フロントエンドのパフォーマンスの重要性