webに関するsoralist164のブックマーク (2)

  • 【保存版】.htaccessを利用したリダイレクト方法まとめ | 名古屋でホームページ制作、Web制作なら株式会社エッコ

    制作の久保田です。 今回は、.htaccess のリダイレクト設定の方法を見ていきます。 コピペで使えるコードと、少し踏み込んだ記述内容の意味を掲載していますので、興味のある方は詳細まで目を通してみてください。 リダイレクトとは? webサイトの転送設定のことをリダイレクトといいます。 古いページに訪れたら、新しいページに転送をかけたい場合に設定します。 以下のようなケースでリダイレクト設定を行います。 サイトのリニューアル ページのリニューアル 期間限定のページ サイトメンテナンス サイトのページ削除(トップページに転送など) サイトのリニューアル等でページのurlが変わった場合、古いアドレスへアクセスした際、「ページが存在しない(NOT FOUND)」状態になるのを防ぐため、リダイレクトの設定が必要になります。 Googleにインデックスされている場合は、転送設定をかけることで、インデ

    【保存版】.htaccessを利用したリダイレクト方法まとめ | 名古屋でホームページ制作、Web制作なら株式会社エッコ
    soralist164
    soralist164 2023/07/06
    役に立った。
  • 表示速度を飛躍的に向上させるHTML/CSS最新仕様「content-visibility」「Lazy loading」「contain」をコード付き簡単解説

    これまではJavaScriptを用いて実装するしかありませんでしたが、ついにimgやiframe要素であればloading="lazy"を付与するだけで、簡単に実装できます。 <!-- 画像に適用する場合 --> <img src="pic.png" alt="画像の詳細" loading="lazy"> <!-- iframeに適用する場合 --> <iframe src="external.html" loading="lazy"></iframe>画面外では読み込みが発生しないので、必要になった時(画面内に要素が入りそうになった時)に読み込みが発生するのでパフォーマンスが向上します。 また画像についてはsrcsetを用いたレスポンシブな画像に対しても指定できますし、picture要素を用いてfallback形式でも記述できます。 <img src="normal.png" srcse

    表示速度を飛躍的に向上させるHTML/CSS最新仕様「content-visibility」「Lazy loading」「contain」をコード付き簡単解説
    soralist164
    soralist164 2021/07/08
    Lazy loading、試してみよ。
  • 1