ここから本文です

FC2のレンタルサーバー(有料版)を借りて、イラストの個人サイトを立ち上げている...

kur********さん

2017/12/2607:57:21

FC2のレンタルサーバー(有料版)を借りて、イラストの個人サイトを立ち上げているのですが、楯スクロールの漫画を掲載しているページの画像の読み込みがやや遅くて困っています。

画像数が多い所為なのでしょうが、CSS等でどうにか改善できませんでしょうか?
漫画を掲載してるページのソースは

<html>
<head>
<title>題名</title>
<body alink="#4f4f4f" link="#4f4f4f" bgcolor="#ffffff" text="#000000" vlink="#4f4f4f">
<div align="center"><img alt="" src="画像01.png" /></div>
<div align="center"><img alt="" src="画像02.png" /></div>
<div align="center"><img alt="" src="画像03.png" /></div>
<div align="center"><img alt="" src="画像04.png" /></div>
<div align="center"><img alt="" src="画像05.png" /></div>
<div align="center"><img alt="" src="画像06.png" /></div>
<div align="center"><img alt="" src="画像07.png" /></div>
<div align="center"><img alt="" src="画像08.png" /></div>
<div align="center"><img alt="" src="画像09.png" /></div>
<div align="center"><img alt="" src="画像10.png" /></div>
</body>
</html>

となっております。(省略しましたが、</body>の上には画像があと20枚ほどあります)
HTMLについてもほとんど無知ですが、何方か解決策を教えて頂ければと思います。
宜しくお願いします。

閲覧数:
63
回答数:
1
お礼:
250枚

違反報告

ベストアンサーに選ばれた回答

ful********さん

2017/12/2613:35:28

Javascript使って画像を遅延読み込みさせるといいかもしれません
https://qiita.com/ftomo100/items/2f11976392459c0f5e11

  • 質問者

    kur********さん

    2017/12/2709:00:22

    回答ありがとうございます。
    記載して頂いたLazy Loadが少し難しかったので、Lazy Sizesというものを試してみて

    <html>
    <head>
    <script src="lazysizes.min.js" async=""></script>
    </head>
    <body>
    <p><img class="lazyload" src="ダミー画像.jpg" data-src="画像01.png" /></p>
    <p><img class="lazyload" src="ダミー画像.jpg" data-src="画像02.png" /></p>
    <p><img class="lazyload" src="ダミー画像.jpg" data-src="画像03.png" /></p>
    <p><img class="lazyload" src="ダミー画像.jpg" data-src="画像04.png" /></p>

    これで無事に遅延読み込みをさせることができたのですが、Lazy Loadでなくこれで問題ないのでしょうか…?重ねて質問申し訳ございません…。

  • その他の返信(1件)を表示

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

質問した人からのコメント

2017/12/27 12:55:21

ありがとうございます、お蔭様で解決できました!

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる