タグ

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

タグの絞り込みを解除

レンダリングに関するcellococcoのブックマーク (2)

  • 読み込みが速い HTML ページを作成するための Tips | MDN

    これらの豆知識は、一般の知識や実験に基づくものです。 ウェブページを最適化すると、訪問者に対して応答性のよいサイトを提供するだけでなく、ウェブサーバーやインターネット接続の負荷を低減する効果もあります。これは大規模なサイトや、緊急事態で通信量が急増するニュース速報のようなサイトでは重要でしょう。 ページの読み込みパフォーマンスの最適化は、低速なダイヤルアップ接続やモバイルデバイスの利用者向けコンテンツのためだけではありません。ブロードバンド向けコンテンツでも重要であり、高速接続の利用者であっても劇的な改善につながるでしょう。 ページの量は、ページ読み込みパフォーマンスにおいて断然重要な要素です。 最小化として知られる不要なホワイトスペースやコメントの削除、インラインのスクリプトや CSS の外部ファイルへの移動によりページの量を削減することで、ページの構造変更を最小限にしてダウンロードの性

  • スマホで重要|ページ表示速度を高速化させる17の方法(HTML/CSS篇)

    SEO対策にとってもページ読み込み速度は重要な要素になります。単に画像を圧縮するだけでは十分な施策と言えません。ここではレスポンシブデザインを導入するときに併せて採用したい幾つかの手法を紹介します。 【目次】 HTTPリクエストを最小限に抑える 読み込み順を変える HTMLをスリム化する 外部ファイルを圧縮する DNSルックアップを減らす HTMLの構造を簡素化する。 エラーを無くす おわりに 1.HTTPリクエストを最小限に抑える 応答時間の80%はページ内のすべてのコンポーネントをダウンロードする時間に費やされます。特にHTMLファイル読み込み後の複数の画像の要求・応答に多くの時間を費やされます。 要求する画像の数:ファイル数を減らすだけでも速度アップに繋がります。 複数のファイルを1つにする。 ・小さいが多くあるアイコン類の画像を1枚にして、CSSスプライトで表示させる。 アイコンの

  • 1