CSSの読み込みを早くする ページ11
##
CSSは、画像をたくさん使うほどよりこだわって作ることができますが、画像を使えば使うほどCSSが重くなっていきます。
パソコンやwifi環境で見るなら全然問題ありませんが、4Gなどモバイルデータ通信だと、(私の場合ですが)かなり遅く、読むのをやめようかと思う時もあるくらいです。
最近は圧倒的にスマホユーザーの方が多いので、そこまで気を配れるといいのではないでしょうか？と、ふわり様もおっしゃっていますね。
CSSが重い理由には、
・CSS自体が長い
・CSSでファイルが多い
などが挙げられます。
CSS自体が長い、というのは後で説明します。
そもそもファイルとはなんだということですが、
CSSで使うファイルは主に 画像 と フォント です。
※夢乃ふわり様のCSS辞典2でも説明されています。
CSSを軽くしたいのであれば、まずそのファイルを減らすのが一番早いです。
画像は最小限にしましょう。
また、ひとつひとつのファイルのサイズを小さくすることも効果的です。
具体的な目安では、1つの画像が1MB(メガバイト)を超える画像は、ファイルサイズが大きすぎです。
環境によっては数十秒読み込みにかかります。
出来るだけファイルサイズは小さい方が良いですが、私は500KB(キロバイト)より小さくするのを目安にしています。
私は、TinyPNGで圧縮しています。
jpegもpngも圧縮出来る上に、早くてまとめて使えるので便利です。
##
この小説をお気に入り追加 (しおり)
登録すれば後で更新された順に見れます 131人がお気に入り
お気に入り作者に追加
この作品を見ている人にオススメ
この作品を見ている人にオススメ
「オリジナル」関連の作品
違反報告 - ルール違反の作品はココから報告感想を書こう！(携帯番号など、個人情報等の書き込みを行った場合は法律により処罰の対象になります)
さくさく - 参考にさせていただきます。ありがとうございます！ (12月13日 19時) (
レス) id: 8125d01b3c (このIDを非表示/違反報告)
青い鳥 - 参考にさせてもらいました。関係ないんですけど１００票目に評価しました (10月17日 17時) (レス) @page27 id: 55adadd6b3 (このIDを非表示/違反報告)
ぽんきち丸ドリーム号(プロフ) - 参考にさせていただきました、、！ありがとうございます！！ (7月10日 9時) (レス) @page27 id: 2431247bf4 (このIDを非表示/違反報告)
雨の緑茶。(プロフ) - ゆゆゆ。さん» 失礼します。em7様とは関係のない者ですがご回答させていただきます。もう解決されているかなと思いますが、一応https://uranai.nosv.org/u.php/novel/hetadesum4/の「画像のサイズ変更」ページに載っているかと。 (2023年3月17日 14時) (レス) id: 2f0ba08fc2 (このIDを非表示/違反報告)
おはぎ(砂糖・おはぎサブ垢) - 参考にさせていただきました (2022年11月27日 11時) (レス) @page35 id: dfee7c88d4 (このIDを非表示/違反報告)
作品は全て携帯でも見れます
同じような小説を簡単に作れます → 作成
この小説のブログパーツ
