タグ

関連タグで絞り込む (4)

タグの絞り込みを解除

performanceとwebに関するhobbiel55のブックマーク (5)

  • 500点出す！ - ゆーすけべー日記


    ﹁Web Speed Hackathon 2022﹂という﹁非常に重たいWebアプリをチューニングして、いかに高速にするかを競う競技﹂があります。 リモート参加で11月1日から27日まで開催されています。 ここで言う﹁高速﹂とはCore Web Vitalsのスコアが高いことを言い、Lighthouseのスコアをベースにした500点満点の争いです。 ISUCONのフロントエンド版ですね。 以前にも同じ課題で﹁学生向け﹂と﹁社内︵サイバーエージェント︶向け﹂が行われたらしく、まだ500点を出した人はいません。 そこで僕は﹁満点を出したい﹂と思い、初日から、いやむしろフライングしていたからその前から頑張ってきました。 そして、先日︵17日︶、ついに500点満点を出しました！ たぶん、レギュレーションはクリアしている、はずです︵もし違反してたらすいません…︶。 自動で行われる﹁Visual Re
    500点出す！ - ゆーすけべー日記

  • 本当は速くならない「Webサイトの表示高速化アンチパターン」10選｜榊原昌彦

    ベストプラクティスや「高速化につながる！」と紹介されている記事では、逆効果、もしくは効果があるシチュエーションがあまりに限定的な手法が紹介されていることが多いので、アンチパターンとして紹介します。 本記事は「Webパフォーマンス Advent Calendar 2019」2日目の記事です。 https://qiita.com/advent-calendar/2019/web_performance 本記事はWebパフォーマンス高速化の専門家である株式会社Spelldataの竹洞 陽一郎氏にアドバイスをもらいました。HTTP/2の伝送の画像など一部資料のご提供もいただいております。誠にありがとうございます。 https://spelldata.co.jp/ ほとんどの場合で間違い 1. すべての画像をCSSスプライトその昔、画像をすべて1枚にまとめて、DOMのbackground-image

    本当は速くならない「Webサイトの表示高速化アンチパターン」10選｜榊原昌彦

  • Webパフォーマンス虎の巻


    Webパフォーマンス向上施策のために、今更ながら超速本1を読んだので、今までの自分の知見と合わせてまとめてみます。 なるべく柔らかく、改善施策ってまず何をどうすればいいの？という疑問を持った人に向けて書いています。 ▪️格言 そもそもWebは速い。遅くしているのは我々です。大抵は技術の問題ではなくて、人の問題。 引用元‥ テクニックではなく、今、本気で取り組むべきWebパフォーマンス ︵html5jパフォーマンス部 部長 竹洞さん︶ 心得 パフォーマンス向上に対する施策は大別すると以下の2通り 軽量化 ︵単純にやりとりするデータ容量を小さくすること︶ 圧縮 削除 最適化 ︵その時に最も適している実装・実行をとること︶ 経路・順番の変更 非同期 もっとも遅くしている原因を探して、それを対策するのが原則。﹁対効果﹂が絶対的正義である。手段から入るのは愚策。まず先に原因を知ることが重要。 ▪️1
    Webパフォーマンス虎の巻

  • あの人気サービスは、Webサイトを高速化するために何をしているか | Wantedly Engineer Blog


    最近、Webサイトの高速化が話題になっています。 Wantedlyでもサーバーサイドのレスポンス速度はしっかりトラッキングして取り組んでいましたが、フロントエンドはまだまだやれることがあると認識し、悔しさを胸にさっそく動き出しています。 取り組むに当たって、まずは事例を集めていくことから始めました。サーバーサイドの実装を見ることはできないですが、フロントエンドは頑張れば覗けるので、Webサイトの高速化に取り組んでいそうな他のサービスをじっくり観察することで、自分たちのプロダクトに最適な方法を選択できるはずです。 様々な種類のサービスを提供しているサイトを調査してみると、その高速化の手法はサービスごとに結構違っていて、学ぶことが想像以上に多かったので、ブログにまとめてました。同じようにWeb高速化へのモチベーションが高まっている皆さんの参考になれば幸いです。 Netflixまずは、動画ストリ
    あの人気サービスは、Webサイトを高速化するために何をしているか | Wantedly Engineer Blog

  • 「爆速すぎて笑う」　表示速度が“異常な”Webサイト「dev.to」　その仕組みは

    「爆速すぎて笑う」「速すぎて逆に不安になるレベル」――「dev.to」という米国のWebサイトの表示速度が異常に速いと、ネット上で話題だ。なぜ速いのか、サイト創設者のベン・ハルパーンさんがサイト内の記事で説明している。 2016年にオープンしたdev.toは、プログラマーが情報を交換したり、議論したりできるコミュニティーサイト。トップページにはユーザーが投稿したブログ記事のタイトルやコメントが、SNSのタイムラインのように並んでいる。このトップページの表示にかかる時間、各記事をクリックしたときのページ遷移が“一瞬”なのだ。 なぜ速いのか。ハルパーンさんが17年2月に投稿したブログ記事によれば、米Fastlyが提供するCDN（Content Delivery Network）を活用している。CDNは世界中にキャッシュサーバを分散配置し、ユーザーごとに最も（ネットワーク的に）近いサーバにキャッ

    「爆速すぎて笑う」　表示速度が“異常な”Webサイト「dev.to」　その仕組みは
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.