2017-06-06 5 views
0

私はHugo Staticサイトジェネレータを使用して構築されたウェブサイトを持っています。私が使用したテーマはDimensionと呼ばれ、1ページのテーマです。私はマークダウンファイル(.mdファイル)に書かれたいくつかのページを持っていますが、私はヒューゴを使うとindex.htmlのすべてのファイルを結合しています。テーマは、オーバーレイ(モーダル)を使用して異なるページを作成します。 Hereは、動作と外観の例です。たとえば、INTROリンクをクリックすると、http://themes.gohugo.io/theme/dimension/#introというURLにアクセスし、introの内容はintro.mdファイル内にあります。したがって、INTROページはモーダルまたはオーバーレイと呼ばれます。メインページの画像リンクが多すぎるため、ウェブサイトの読み込み時間が長すぎます

私はWeb画像(約1000)へのリンクがたくさんあり、それらのすべてが `index.html 'に置かれているので、読み込むのに時間がかかります。 。特定のオーバーレイに必要な画像のみを読み込む方法はありますか?

答えて

1

Lazysizesスクリプトを試してみてください。軽量で強力です:https://github.com/aFarkas/lazysizes

+0

確かに非常に役に立ちます。私のサイトの読み込み速度を大幅に改善しました。答えをありがとう。 – TJ1

関連する問題