High Performance HTML -さまざまなデバイスに配慮されたクリーンで簡潔なHTMLの書き方
多くのWeb制作者はパフォーマンスというと、JavaScriptや画像の最適化、サーバーの設定、CSSなどのファイルの圧縮や結合を検討します。そして、Webページのコアとなる言語にも関わらず、HTMLは無視されがちです。 HTMLは単に複雑さと要素の数を減らすだけでは、パースにかかる時間をあまり改善することはできません。しかしよく作られたHTMLはページを素早くロードするための決定的な土台になり、異なるビューポートサイズに対応するレイアウトになります。 さまざまなデバイスに対して素早くロードし、うまくいくコンテンツを作ることができるクリーンで簡潔なHTMLのコードを紹介します。 High performance HTML 下記は各ポイントを意訳したものです。 著者のSam Dutton氏は、Google ChromeのDeveloper Advocateをされています。 ※当ブログでの翻訳
小さな改善を積み重ねる。CSSを短縮化するコンソール向けソフトウェア·clean-css MOONGIFT
clean-cssはnode.jsを使ったCSS短縮化ソフトウェアです。コンソールで動作します。 一日数十万、数百万とアクセスのあるWebサイトではほんの少しの改善が積み重なって大きな速度改善につながることもあります。CSSも作成したそのままではなくちょっと工夫すれば大きな負荷軽減につながるかも知れません。そのための短縮化ライブラリがclean-cssです。 インストールはnpmを使って一発で完了。コマンドとして使うので-gをつけておきます。 ヘルプです。-oでアウトプットするファイル名、後は入力ファイルを指定するだけです。 catで標準出力としてCSSの記述を渡すことで、複数のファイルをまとめてマージして短縮化もできます。 元ファイルです。 こんな感じで短縮化されます。 またnode.jsのライブラリとしてテキストでCSSを渡して短縮化もできます。 -oをつけないと標準出力に渡るので、さ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
