タグ

JavaScriptとperformanceに関するAKIMOTOのブックマーク (2)

  • A JavaScript snippet that sets all Lighthouse scores to 100%

    Metrics. Metrics is something that we all use to measure (flex) the success of our websites. One of the ways to benchmark the success of a website, these days, is to use Lighthouse, a tool that helps us to audit the performance of our websites. It benchmarks the overall performance based on four main metrics: Performance, Accessibility, Best Practices, and SEO. If your website can score 100 in all

    A JavaScript snippet that sets all Lighthouse scores to 100%
  • CSS sprite 導入や javascript 最適化でブログ表示を高速化

    7月下旬くらいから徐々に進めてきた作業ですが概ね形になりました。 このチューニング作業で当ブログの表示を約2倍に高速化することができました! ∩(≧ο≦)∩ 高速化と行っても得意分野の動的コンテンツ(プログラムやDBのチューニング)ではなく静的コンテンツのチューニングです。チューニングの観点は文末の二冊の参考書を読むと理解が深まると思いますが、大きく分類するとサーバのチューニングとコンテンツのチューニングに分けられます。そして個人運営のサーバではちょっとチューニングの余地がなさそうな項目は除外すると次のような項目がチューニングポイントとなります。 コンテンツの構成によるチューニング HTTP リクエストを減らす → CSS スプライト導入、JavaScript/CSS ファイルを1つに統合 スタイルシートのロードを head 内に記述 可能な限りスクリプトのロードを /body タグ直前に

  • 1