Firefoxでは、Preload Scannerという呼称ではなく、Speculative Parserと呼称されています。 Shallow Parsing Preload Scannerは、Shallow Parsing(浅いパース処理)という手法を使います。 Shallow Parsingシャローパーシングとは、文法解析の一種であり、構文解析の表層的なレベルで行われる解析手法です。 Shallow Parsingは、文法構造を完全に解析する深層解析（Deep Parsing）とは異なり、文書やコードの全体的な構造を理解しようとはせず、特定の情報やパターンを効率的に抽出することに焦点を当てています。 WebブラウザのPreload Scannerにおいては、Shallow ParsingがHTMLドキュメントの表層的な構造を迅速に解析する役割を担っています。 Preload Scann

DOMツリー最適化でブースト！ 高速・効率的なWebページへの鍵を握ろう 2023年4月24日 著者: 竹洞 陽一郎 はじめに 今回は、Webパフォーマンスの基礎となる、HTMLの解析において特に重要なDOMツリーについて解説します。 HTMLのDOMツリーは、多くの人が用語として知っているでしょう。 しかし、木構造の複雑度がCSSやJavaScriptなどの後続処理の時間計算量に大きな影響を与えることについて、十分理解している人は意外と少ないかもしれません。 この記事では、DOMツリーがどのように構築され、その複雑度がWebパフォーマンスにどのような影響を及ぼすかを説明します。 また、効果的なDOMツリー最適化の方法や、それによって得られる恩恵についても触れていきます。 Web開発者は、これらの知識を活用して、より高速で効率的なWebページを提供することができるでしょう。 今回の記事で扱

事実は一つだが、真実は人の数だけある 2022年1月5日 著者: 竹洞 陽一郎 先日、家族で映画館に行き、「99.9-刑事専門弁護士-THE MOVIE」を観てきました。 ドラマの「99.9-刑事専門弁護士」のシーズン1、シーズン2も観てましたが、とても面白いし、深いです。 まだご覧になった事が無ければ、面白いので、是非Paraviなどで視聴してみてください。 弊社のお客様である、IDOM様のオフィスが、斑目法律事務所のオフィスとして撮影で使われています。 私も打ち合わせなどで、ちょくちょくお伺いしているので、オフィスのシーンは観ていて、「あそこ！あそこ！」とはしゃぎたくなります。 聖地巡礼って、そういう気持ちになるんでしょうか。 弁護士 深山大翔みやまひろとが追い続ける「事実」 主人公の弁護士 深山大翔は、ドラマでも、映画でも、ひたすらに「事実」にこだわり、「事実」の解明に泥臭く取り組み

「サイト表示が0.5秒遅くなると、トラフィックが20%減少する」―2006年、当時Google VPだったMarissa Mayer氏は言いました。2017年のAkamaiのオンライン通販に関する調査では「サイト表示が0.1秒遅くなると、コンバージョンが7%減少する」と発表するなど、以前からWebサイトの高速化が収益につながることが指摘されています。 しかし、実は自社のサイト表示速度に疑問を持つ人は少なく、たとえ表示が遅いと気づいたとしても、Webサイトの表示には非常に多くの要素があるため、その原因を特定できず、高速化できないことも多いです。今回は、Webサイトパフォーマンス分析の専門家で、数々のWebサイトの収益アップに貢献している竹洞 陽一郎 氏に、パフォーマンス改善のノウハウや事例をお聞きしました。 株式会社Spelldata代表取締役。1993年に大学卒業後は法曹界で働き、1997

ページ遷移が伴うタスク単位で顧客体験の計測・監視 トランザクションとは トランザクションは、コンピュータシステムにおいて永続的なデータに対する一連の不可分な操作を指します。 この概念は、主にデータベース管理において頻繁に用いられますが、Web環境でも同様のトランザクション処理が存在します。 例として、ECサイトでのショッピングや、SaaSプラットフォームでのサブスクリプション登録などが挙げられます。 これらのプロセスは、単一のページで完結するものではなく、複数のページ遷移を通じて一連の操作が行われます。 トランザクション計測・監視とその目的 トランザクション計測・監視は、Synthetic Monitoring（合成監視）の一環として、ユーザの一般的な動きに基づいたシナリオを作成し、ページ遷移のフローを詳細に計測・監視する手法です。 このアプローチは、ログイン、商品の選択といった動的な要素

性能品質の可視化の幕開け 2021年1月15日 著者: 竹洞 陽一郎 皆様、新年あけましておめでとうございます。 新型コロナウィルス感染拡大に伴い、世の中が大きく変わりました。 まずは、皆様が、無事に2021年の大晦日を迎えられるように祈願しております。 地方分散の時代へ 今までの東京一極集中が崩れて、地方へと企業や人が移転していく中で、地方自治体の役割が大きくなり、地方分散の時代へと突入したと思います。 地方への分散を可能にしたのは、インターネットの存在と、情報通信技術です。 昨年は情報通信技術を活用した企業が大きく業績を伸ばしました。 よくアメリカ企業で働いていた日本人の間では、「働くなら給与の高いアメリカ企業、住むなら日本」と言われていました。 それが日本の場合は、「稼ぐなら東京、住むなら地方」でした。 東京での給与額はそのままに地方に移転できるのであれば、当然、生活の質が高い地方に

コロナ禍と「新しい日常」のWebへのインパクト 今年、最大のWebパフォーマンスへのインパクトは、コロナ禍でした。 外出の自粛、在宅勤務への移行などにより、インターネットのトラフィックが急増し、インフラに対する大きな負荷となりました。 ネットスーパーやマスク販売のサイトは、急激なトラフィックによって遅延したり、アクセスできなくなったりしました。 アクセス数増大により遅延したり、エラーと遅延が発生したマスクの販売サイト 在宅勤務増加が齎したトラフィックの急増 xtech.nikkei.com xtech.nikkei.com www.zscaler.jp 各社がトラフィックの急増の要因を分析していますが、概ね、在宅勤務の増加によるSaaSの利用、オンライン会議の利用で見解は一致しているようです。 トラフィック急増で露呈したインフラが弱いサービス トラフィックの急増＝Webサイトの遅延と、単純

ウェブサイトの品質として、目に見えない部分の重要性は誰もが知るところだろう。中古車販売サービス「ガリバー」のウェブサイトでは、パフォーマンス（表示速度）にフォーカスを当て、パートナーである株式会社Spelldataとともに3年間にわたって改善を行い、成果をあげてきた。はたしてどのような考えかたのもと、施策を行ったのか。この記事では、2020年3月4日に開催された「ECzine Day 2020 Spring」にて、株式会社IDOMでウェブマスターを務める村田創氏が語った、同施策を通して得た結果と速度改善を行う意義についてレポートする。 ウェブパフォーマンス向上でコスト削減　表示速度改善がもたらす効果とは 株式会社IDOM デジタルマーケティングセクション 村田創氏 年間の商談件数60万件、小売12万台を誇る中古車販売サービス「ガリバー」。運営事業者であるIDOMでは、20年前からウェブサイ

【重要】「JAPAN INNOVATION DAY 2020」の開催形態変更について 2020年3月19日に開催を予定しております「JAPAN INNOVATION DAY 2020」につきまして、新型コロナウイルスの感染予防に関する3月9日発表の政府のイベント自粛延長方針を受けまして、本イベントにつきましては、「展示取りやめ」「無観客での講演実施・映像アーカイブ配信」の形に開催形態を変更させていただきます。ご来場を予定されていたみなさまには直前でのご連絡になってしまい恐縮ですが、関係するすべての参加者の安全面を配慮のうえでの決定となりました。くわしくは、公式サイトの新着情報をご覧ください。 ASCII STARTUPは2020年3月19日（木）、オールジャンルのXTech展示カンファレンス「JAPAN INNOVATION DAY 2020 by ASCII STARTUP」を東京・赤坂

お知らせ ・オンライン配信を終了いたしました（2020.3.16） 12：00にてオンライン配信を終了させていただきました。たくさんのご視聴をいただき、ありがとうございました。 ・事前登録をいただきましたみなさまへオンライン配信のご案内（2020.3.10） 配信がかなわなかったセッションを含め、期間限定のオンライン配信が決定いたしましたので、事前登録をいただきましたみなさまへ、ご登録いただきましたメールアドレス宛に視聴方法をお送りいたしました。 期間限定配信となりますので、ぜひお早めにご視聴いただけますと幸いです。 件名： 【オンライン配信のご案内】ECzine Day 2020 Spring 配信日時：2020年3月10日（火）11：30 ごろ ・17時より配信を再開いたします（2020.3.4 16:52現在） 大変お待たせしておりますライブ配信ですが、システム調整が完了いたしました

お客様のために高速化して直帰率が半減 株式会社ディノス・セシール様は、カタログ、TV、ECをチャネルとして事業展開を行う、老舗の通信販売企業です。 今回は、www.cecile.co.jpの高速化のため、SpelldataのWebパフォーマンスチューニングサービスを導入して頂きました。 プロジェクト・マネージャの中島様、長年セシールのサイトを統括して管理されてきた三木様に、ディノス・セシール様がどうして表示速度を重要視しているのか、パフォーマンスチューニングしてみての感想や、今後のWebパフォーマンスについて展望などをお伺いしました。 業務改革本部 EC推進部 中島 弘輔 様 今回、セシールのサイトの高速化のプロジェクト・マネージャを務められた中島さん。 普段、ご自身がユーザとしてAmazonの快適さに購買意欲がそそられる体験を実感していたので、SEOやCV率上昇の効果を期待して、Spel

画像の読込処理の違い ページ作成日 2019年12月19日 ページ更新日 2021年3月2日 著者: 竹洞 陽一郎 Webページにおいて、画像は重要な役割を果たしており、高解像度化と利用される枚数は増えていく傾向にあります。 その一方で、画像は、従来どおりの実装をしていると、HTMLのパース処理を遅延させる要因となります。 画像をいかに遅延要因としないようにするかの処理として、decoding="async"とloading="lazy"の違いを解説します。 decoding属性は、画像のデコード処理に関しての指示をユーザエージェントに明示する属性です。 decoding="async"と指定することで、画像のデコード処理を非同期にバッググラウンド処理し、他のコンテンツの表示処理が終わった時に更新処理で画像を一緒に出します。 記述の仕方としては、以下のようになります。 <img class

2019年も、残り一カ月となりました。 今年もWebパフォーマンスのAdventカレンダーを今年も開催したので、その初日のエントリーとして、今年のWebパフォーマンスを振り返ります。 今年は法制面で、経産省が坦々と進めてきた制度整備が大きな目玉でした。 従って、法制度の話が中心です。 エンジニアは、技術だけではなく、関連する法制度もしっかりと理解しなければいけません。 品質保証前夜 ついに、2020年4月1日の改正民法債権法施行まで、4か月となりました。 未だに、改正民法債権法を知らない人は多く、施行後、それなりにトラブルが生じると予想されます。 今一度、改正民法債権法で、Webサイトに関連する箇所をおさらいしましょう。 契約不適合責任 今回の民法債権法改正で、大きく変わるのが、ドイツやフランス由来の大陸法から、英米法へ軸をシフトする点です。 今回の民法債権法の改正は、日本がウィーン売買条

コミュニケーションが生まれるツイートまとめツール

インデクシングされなければ検索されない 2019年4月17日 著者: 竹洞 陽一郎 多くの人々が、ユーザがGoogleの検索した時に、自社サイトのページがどれくらいの順位で表示されるのかを気にしています。 そのために、SEO(Search Engine Optimization:検索エンジン最適化)に取り組んでいます。 検索順位のランキングで優位に立つために、Webパフォーマンス(表示速度)に取り組む人々も増えてきました。 しかし、多くの人々は、SEO以前の問題として、Webパフォーマンス(表示速度)の中でも、HTMLのレスポンス時間が遅いとクローリングされない問題を認識していません。 まずは、HTMLを100msぐらいで送出できなければいけないのです。 今回は、SEOの施策としてのWebパフォーマンス(表示速度)対策より、検索エンジンにインデクシングされるためのWebパフォーマンス(表示

※編集部からの追記（19-04-09 12:00） 画像を入れると絶対重くなるというわけではございません 現在は理論上、通信速度の高速化で画像の大きさが遅延の原因にならなくなったと言われていますし、Webページが重くなる現象には他の要因も考えられます。 ただ、ブラウザや通信環境も常に理想の環境で動いているわけではありません。そのため、通信速度が速くなったから大丈夫と油断せず、しっかり基本を押さえたWebページの作成をするために今回は画像についての基本を説明しております。誤解を招く表現をお詫びいたします。 ブラウザがWebページを表示する仕組み（おさらい）ブラウザがWebページを表示する仕組みは、HTML（Webページのデータ）を読んで、ページの素材が揃うまで何度もサーバーにリクエストを出していくという仕組みです。 Webサイトを見る人が意識してリクエストを出すのは、1つのURLだけです。「

実際の性能を知る 2019年3月25日 著者: 竹洞 陽一郎 Googleが推奨しているAMP (Accelerated Mobile Pages)をWebパフォーマンス(表示速度)の高速化として採用している方も多いでしょう。 実際に、AMPはどのくらいの表示速度なのでしょうか？ AMPのページを計測して、分析してみました。 ダウンロード時間 まず、ファイルのダウンロード時間を見ます。 4Gエミュレート(下り30Mbps) AMPのページを15分に1回の頻度で、現在の4Gの下り帯域(30Mbps)で設定して、30日間、15分に1回の頻度で計測したものです。 4Gエミュレート（下り30Mbps）で計測したダウンロード時間 これを30日分の品質として、累積分布関数で見ます。 4Gエミュレート（下り30Mbps）で計測したダウンロード時間の累積分布関数 変曲点は、99パーセンタイルです。 この3