【HTML/CSS/JavaScript】リソースを圧縮して速度改善。navigation>年末年始休業につきまして【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。TOPモバイルファーストマーケティングラボモバイルファーストマーケティングラボ【HTML/CSS/JavaScript】リソースを圧縮して速度改善。【HTML/CSS/JavaScript】リソースを圧縮して速度改善。Insightsの速度に関するルールから、「リソースの圧縮をする」をテーマに取り上げます。Developers至極単純です。無駄な部分を省き、速度改善を目指します。推奨される解決方法リソースの圧縮に関して、下記で紹介されているツールを使用することが推奨されています。拡張機能を使って、HTMLコードの最適化されたバージョンを生成できます。Compressorとcss.min.jsを使用できます。Compressorを使用できます。それでは各ファイルについて、圧縮するツールの使用手順を記載していきます。参考となるサイトURLも記載しておりますので、併せてご参照下さい。いずれも非常にわかりやすくまとめられております。InsightsのChrome拡張機能の使い方まずChromeで拡張機能をインストールします。下記のダウンロードページからインストール可能です。Compressorの使い方CSS、JavaScriptのフォルダをペーストするだけで自動で圧縮してくれるツールです。Compressorの使い方を記載します。※圧縮すると後から編集しにくくなるので、バックアップはお忘れなく。通常のコード圧縮に加えて、2つのJavaScriptを1つのJavaScriptにまとめることもできる優れものです。ここでは後者の手順を紹介します。※Javaがインストールされていない場合、別途インストールが必要です。次の引数で実行します。出力ファイルを記入2つのJavaScriptファイルが1つにまとめられ、out.jsとして出力されます。Compilerの使い方まとめリソースの圧縮は、ツールを使用することで手軽に行うことができる、ページ速度改善の手法の一つです。速度改善をコツコツと積み重ねていきましょう。”スマホで売れる”ためには必須の「レスポンシブECサイト」とは?2019年、ECサイトの利用者は今やスマ―トフォンからが7割を超え、市場のニーズは完全にPCからスマホに転換しました。検索エンジン大手のGoogleも「モバイルファーストインデックス」を打ち出し、スマホ対応の手段として正式に「レスポンシブWEBデザイン」を推奨しています。そのような背景から、昨今のEC市場ではスマートフォンへの適切な対応が急務となっており「レスポンシブECサイト」のニーズが非常に高まってきています。本パンフレットではECサイト運営を取り巻く環境の変化を、レスポンシブECサイト構築導入実績No.1のプラットフォームである「aishipR」の機能や実績を踏まえながらまとめました。・レスポンシブECサイトがなぜ今選ばれるのか・これまでのECサイトの課題とは何なのか・どのようにすれば解決できるのかといったノウハウから、プラットフォーム変更で得られる効果の実例まで網羅して解説しています。ECサイトの運営されておられる経営者様だけでなく、運営担当者様にも必ずお役に立つ内容となっておりますので、是非ご活用ください。無料パンフレットを請求するABOUTモバイルファーストマーケティングラボとは、スマートフォン/タブレット/PCに対応したレスポンシブECサイトの構築や成功事例の最新情報を発信するブログです。2013.10.18こんにちは、コーディング担当の岡本です。2015.07.28ECサイトにおいて、ファーストビューはサイトの印象を大きく左右する要素であり、非常に重要です。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。自社ECサイト運営でASPをオススメする理由モバイルファーストラボ。