2018年11月14日(水)
コードを最適化するためのフロントエンドフレームワーク10選
Googleで検索すると、Webサイトのパフォーマンス改善のための便利なツールが数多く見つかります。 サイトの画像最適化から独自のCDN設定にいたるまで、さまざまです。
しかし、デザイナーの中でコード最適化について考える人はほとんどいません。
コード最適化とは、総HTTPリクエスト数を減らしたり、ファイルを軽量化したり、表示スピードアップのために最適なカスタムフレームワークに切り替えることを意味します。 最新のBootstrap v4は素晴らしいデザインですが、残念ながら最も重いフレームワークの1つです。
そこで今回の記事では、重いBootstrapの代わりに軽いWebフレームワークを厳選しリスト化しました。リストにあるフレームワークがいかに優秀で、ページサイズを軽くしてくれるか驚くことでしょう。
1. Topcoat
...
author:
UX MILK
UX MILKはクリエイターのためのUXメディアです。デザインの情報をはじめ、プログラミング、マーケティングなど、モノづくりに関わる話題を幅広く扱っています。
‹ PREV
レスポンシブなWebページを簡単に作成できるWebページビルダーを作るためのスクリプト・「GrapesJS」
NEXT ›
CSSすら不要!detailsとsummaryタグで作る簡単アコーディオン
関連記事
Ads
UX MILKはクリエイターのためのUXメディアです。デザインの情報をはじめ、プログラミング、マーケティングなど、モノづくりに関わる話題を幅広く扱っています。UX MILKの記事『コードを最適化するためのフロントエンドフレームワーク10選』についてまとめています。
この記事は特にレスポンシブ・SVG・UX・ダウンロード・bootstrap・Googleについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のUX MILKで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとUX MILKの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。