Webパフォーマンス

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

Alpine Linuxで動作するNginxを使ってWebサーバーをHerokuにデプロイした時の話です． 要件 全てのリクエストを別のドメインにリダイレクトするだけのWebサーバーは，最も単純なWebサーバーの1つです．これをNginxで作成し，Herokuで公開します． 作り方 Dockerfile Herokuによって割り当てられたポート番号をリッスンするために，起動時に$PORTという環境変数を読み込みます． FROM nginx:alpine COPY default.conf.template /etc/nginx/conf.d/default.conf.template COPY…

Googleの、Search Consoleの「ウェブに関する主な指標」で不良のURLがありました。 引っかかっていたのは「CLS に関する問題: 0.25 超（モバイル）」です。 他の指標としてはLCP（Largest Contentful Paint: コンテンツの初回ペイント）やFID（First Input Delay: 初回入力遅延）がありますが、今回問題のCLSを中心に画像読み込みについて調べました。 Cumulative Layout Shift (CLS) 累積レイアウト変更。 ページを読み込んだときに、後から画像や動画が読み込まれて、その下の画像やテキストががくんと下がるもの…

はじめに 下記のイベントに参加したため感想をつらつら書きます。 Front-End Study #2「Performance Tuning in depth」 - connpass どのセッションもレベルが高く楽しかったです。 Twitterでも沢山つぶやきがあって参考になるので、イベント時間帯の記録を下記URLにのこしておきます。 https://twitter.com/search?q=%23FEStudy%20since%3A2020-12-15_19%3A30%3A00_JST%20until%3A2020-12-15_22%3A00%3A00_JST&src=typed_query …

×2866 大五郎｜ブランドサイト｜焼酎｜アサヒビール ×186 [タイトルが取得できませんでした] Amazon.co.jp： Rustで始めるネットワークプログラミング eBook: 小野 輝也: Kindleストア ×87 She Noticed $200 Million Missing, Then She Was Fired — ProPublica ×71 Introduction to Reinforcement Learning with David Silver | DeepMind ×57 How Complex Systems Fail ×42 API pagination…

×165 Bloomberg - Are you a robot? ×134 Centering in CSS ×60 Scale by Geoffrey West | thinkthinkthink #13 - thinkthinkthink ×52 Open-sourcing api-diff, a tool for side-by-side evaluations of JSON APIs | Radar Blog ×49 How I Got a Computer Science Degree in 3 Months for Less Than $5000 | Miguel Rochef…

複雑にいりくんだ現代社会に鋭いメスを入れ、キャピタリズムの謎や疑問を徹底的に解明するメトロポリスヘッドライン。 youtube動画でも少しづつ発信しているが、文章に残すべき情報を発信するために はてなブログにてメトロポリスヘッドラインを開設した。 こちらからも発信していくのでよろしく頼む。 2020/12/04本日のレポート 昨晩【BBニュース】というyoutubeチャンネルでディープステートの秘密に迫る、ある動画がアップされていたようだ。 その動画はまだyoutube上に残っているので、ディープステートについてリアルな裏側を知りたい人は絶対見た方が良いと思われる。 米大統領選挙！政府文書リー…

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

業界にかかわらず、お客様のグローバル・オーディエンスに効率的なWebパフォーマンスを確実にお届けするために最適なネットワーク環境をご提案します。 お問い合わせはこちら CEN（Cloud Enterprise Network）とGA（Global Accelerator）とは？ CEN グローバルでセキュアな閉域網を構築 おすすめポイント 専用線を利用した高機密・低遅延の帯域確保型ネットワークサービス 異なるリージョンのVPC間接続やオンプレミスとの閉域網接続/VPN接続に対応 オンデマンド申込みで開通作業もなく即時開通。簡単に導入可能 CEN について詳しくみる GA クライアント・サーバ間…

※SBクラウドのパートナー企業が運営する外部サイトに遷移します。 日本-中国拠点間オフィスIT 詳しくはこちら ビジネスで使用している日本のITサービスを中国オフィスや出張時のモバイルから快適利用できるサービスです。 こんな方におすすめ 中国から快適に日本本社とWeb会議を利用したい 中国から国内契約のグループウェアを利用したい 国内利用のWindowsアプリを海外で利用 したい 安全に秘密情報のファイル共有をしたい 中国からWebアクセスを安全にしたい 中国向けWebサイト開設 詳しくはこちら 中国向けWebサイト開設をご検討されている企業様に、基盤構築、Webサイト開設に必要なICP登録を…

会社のフロントエンドエンジニアの方にReact/Typescript関連のおすすめのドキュメントを聞いたところりあクトを教えてもらいました。 読んでみてとてもおもしろく、おおげさですが感動してしまったので感想を書きます。 読んだ本 りあクト！ TypeScriptで始めるつらくないReact開発 第3版(200912) Ⅰ. 言語・環境編 (https://oukayuka.booth.pm/items/2368045) Ⅱ. React基礎編 (https://oukayuka.booth.pm/items/2368019) Ⅲ. React応用編 (https://oukayuka.boo…

Google が「Core Web Vitals(コアウェブバイタル)」という新しいWebの指標を2021年以降に導入予定ということで話題になっています． web.dev developers-jp.googleblog.com Core Web Vitals は LCP(Largest Contentful Paint), FID(First Input Delay), CLS(Cumulative Layout Shift)の3つに分かれています． 今回は担当している Webサイトの CLS...つまりどれだけレイアウトのズレが発生したのかを調査する時に使ったツールやサービスをまとめようと…

フロントエンド開発の経験がなかったのですが、4ヶ月ほど前に始めた副業先で急にVue.js（Nuxt.js）でフロントエンド開発することになりました。 「急いでVue.jsを学ばないと！フロントエンド開発はじめてだけど何から学べば！？」 と色んな情報や学習ツールをあさりつつ四苦八苦したので、後世のフロントエンド（Vue.js）開発入門エンジニアに向けて参考になった情報をまとめておきます。 これからVue.js（Nuxt.js）で開発をしようとしている方の参考になれば幸いです。 Vue.js（Nuxt.js）の学習内容と技術書・記事 Vue.jsを業務で扱えるようになるために学習したい内容には、ざ…