tipsとperformanceに関するi_am_jellyのブックマーク (2)

  • 身につけておきたいWebサイト高速化テクニック #3|画像形式の基礎知識 | DevelopersIO

    こんにちは、ご無沙汰しています。 Web担当の野中です。 前回の第2回「検証ツールとそもそもHTTPって何だ編」から少し時間が経ってしまいました。 というのもテクニックを紹介するために予想以上の予備知識の説明と検証・調査が必要になり、さらにどう順序立てて解説すべきか悩み時間がかかってしまいました。 ちなみに第2回では、Webサイト高速化に関連してくるHTTPについて基的なことを紹介しています。 より詳しくHTTPについて解説したCodezineさまに寄稿している連載も是非チェックしてみてください。 題 さて、今回から実践編ということでフロントエンド側のWebサイト高速化対策の1つ、画像の最適化について紹介します。 初学者向けに細かく基的なことまで解説しますので、記事を3つに分けます。 画像最適化1回目の記事では、画像に関する基礎知識について紹介します。 未だにWebサイト高速化の具

    身につけておきたいWebサイト高速化テクニック #3|画像形式の基礎知識 | DevelopersIO
  • 身につけておきたいWebサイト高速化テクニック #1|アジェンダ編 | DevelopersIO

    Webサイトの表示高速化対策していますか? 日は欧米諸国に比べWebサイトの表示高速化対策をしているサイトが少ないです。 特に、最近ではスマートフォンの普及によりモバイルサイトの需要も増え、高速化をしなければいけない機会も増えてるのかなと思います。 日のモバイルデータ通信はLTEで高速になりつつあるとは言え、まだまだ「貧弱!貧弱ゥ!」です。 幸いなことに僕も最近鶴の一声によってクライアントからサーバー周りまで包括的な高速化対策を経験する機会を得ることができました。 それまでは、「手間がかかりすぎるからできればやりたくない」というのが音でした。職務怠慢ですね(苦笑)。 でも、できるだけ楽したい!と思うのが人の常。 この連載ではできるだけ楽をしながらできる高速化手法と計測結果を1つ1つ紹介しようと思います。 基的にはすべて受け売りの内容です。やってみた対策を羅列して、連載の中で自分で試

    身につけておきたいWebサイト高速化テクニック #1|アジェンダ編 | DevelopersIO
  • 1