タグ

webとjqueryに関するttaaのブックマーク (2)

  • 遅延読み込みでWebページを高速化!jQuery Lazy Loadの使い方

    みなさんこんにちは! デザイナーの伊東です。 一生懸命作ったWebサイトがめちゃくちゃ重い! デザイナー・コーダーのみなさんなら、そんな悩みを一度でもお持ちになったことだと思います。 表示速度が遅いのには、容量の大きい動画を配置していたり、数万pxのボリュームのあるページだったり、様々な理由があると思います。 今回はそんなお悩みを解決する方法の一つとして、「画像の遅延読み込み」という方法をご紹介します。 昔からよく知られた技術ですが、実は「SEOに不向きだ」という意見も数多くありました。 しかしGooglebotの技術向上により、その不安は解消されつつあるようです。 読み込んでいる画像の数が多いサイトの場合、非常に有効な手段だと思いますので、ぜひお試しください。 遅延読み込みとは 遅延読み込みという技術は、Webサイトに表示される画像を一度に読み込まず、必要に応じて必要な分だけ読み込むとい

    遅延読み込みでWebページを高速化!jQuery Lazy Loadの使い方
  • tipso

    There is also a Wordpress version of this plugin. GET IT HERE Getting started 1. Include jQuery <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> Requires jQuery 1.7+ 2. Include plugin's code <link rel="stylesheet" href="/path/to/tipso.css"> <script src="/path/to/tipso.js"></script> To use css3 animation effects please include Animate.css <link rel="stylesheet" hre

    tipso
  • 1