Best practices for lazy loading (content)
-
Hi all,
We are working on a new website and we want to know the best practices for lazy loading of google for content.
My best sample is: bloomberg.com , look at their homepage.Thank y'all!
-
Hi John! In order to get you an answer that directly relates to what you're trying to do, would you be able to give us more information about your goals with this? As in, what sorts of pages, specifically, you're intending to implement lazy loading on? And as Sergey asked, is it for the site to load faster for users? For overall user experience?
-
Hey Sergey,
I'm looking for a solution for laziloading and not for pagination in lazy-loading.....thanks anyway..
-
Hi John,
First of all - the Google Webmaster Blog has written about infinite content (although not specifically lazy loading) here. Might be worth checking out.
Second, my question to you would be what is your goal with implementing lazy loading on your site? Is it for the site to load faster for users? For overall user experience?
Here is a thread on Reddit talking about this situation, I think /Twoary explains it well. Here's a quote:
"As far as I have experimented with it, it seems like they can indeed not find scroll-based lazy loading (in webmaster tools). Another possibility is onload lazyloading (first load all the content above the fold, then load the content below the fold after the onload event has fired), I have to experiment more with that.
Right now I avoid lazy loading for SEO for articles and such. The fact is that google only cares about "time to first byte". Maybe soonish they will care about "time until above the fold page is loaded". But they do not penalize for the time it takes for all of the resources to be loaded. Apart from that, google mostly cares about user experience which they measure by actual dwell time of their users.
As for the user experience, lazy loading images doesn't add that much benefit either. The browser downloads images near the top of your page first, so the above the fold content isn't downloaded any faster with lazy load. (Possibly even slower because the browser won't be able to start prefetching lazy loaded images until javascript executes.)
The only benefit I see right now is for reducing bandwidth usage (for your site and for mobile users). However the disadvantage will be that your images probably won't rank as well (even if you use pagination/a sitemap.)
OTOH, lazy loading other heavy content such as videos, iframes and ads may be much more beneficial because those actively make the page more sluggish."
-
Yes, I'm using wordpress.
-
Are you using a CMS? There are some great plugins for various different platforms.
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Content from Another Site
Hi there - I have a client that says they'll be "serving content by retrieving it from another URL using loadHTMLFile, performing some manipulations on it, and then pushing the result to the page using saveHTML()." Just wondering what the SEO implications of this will be. Will search engines be able to crawl the retrieved content? Is there a downside (I'm assuming we'll have some duplicate content issues)? Thanks for the help!!
Technical SEO | | NetStrategies1 -
SEO Problems with Loading to a Subfolder?
A client has a single page app website that shows https://example.com/example when you visit https://example.com . I don't think this is a redirect; I think it's a URL rewrite. My questions: Is this setup common with single page apps? What are the SEO benefits or drawbacks of having a domain's homepage load, rewrite, or redirect to a subfolder?
Technical SEO | | Kevin_P0 -
Question on URL wording and structure best practices
We're mapping out some URL structures and trying to figure out what would be best for separating folders for articles and videos regarding wording in the folder say: www.site.com/category/article/name-of-article/id#/ ---- www.site.com/category/video/name-of-video/id#/ vs. www.site.com/category/a/name-of-article/id#/ ---- www.site.com/category/v/name-of-video/id#/ Second option came about the ''shorter is better' way of thinking. Downside I see to it is if the link would be copied and pasted somewhere probably would be best for a user to make it clear they are clicking into an article or a video, don't think just an 'a' or a 'v' would be very telling in that scenario. Would it be better for search engines to make it clearer with the whole word in there? Any other pros and cons to each? Not sure what's the best route here.
Technical SEO | | SBRMarketing0 -
Should I use canonicals? Best practice?
Hi there, I've been working on a pretty dated site. The product pages have tabs that separate the product information, e.g., a tab for specifications, a tab for system essentials, an overview tab that is actually just a copy of the product page. Each tab is actually a link to a completely separate page, so product/main-page is split into product/main-page/specs, product/main-page/resources, etc. Wondering if canonicals would be appropriate in this situation? The information isn't necessarily duplicate (except for the overview tabs) but with each tab as a separate page, I would imagine that's diluting the value of the main page? The information all belongs to the main page, shouldn't it be saying "I'm a version of the main page"?
Technical SEO | | anneoaks0 -
What is the best practice to seperate different locations and languages in an URL? At the moment the URL is www.abc.com/ch/de. Is there a better way to structure the URL from an SEO perspective?
I am looking for a solution for using a new URL structure without using www.abc.com**/ch/de** in the URL to deliver the right languages in specific countries where more than one language are spoken commonly. I am looking forward to your ideas!
Technical SEO | | eviom0 -
How to get rid of duplicate content
I have duplicate content that looks like http://deceptionbytes.com/component/mailto/?tmpl=component&link=932fea0640143bf08fe157d3570792a56dcc1284 - however I have 50 of these all with different numbers on the end. Does this affect the search engine optimization and how can I disallow this in my robots.txt file?
Technical SEO | | Mishelm1 -
Blocking AJAX Content from being crawled
Our website has some pages with content shared from a third party provider and we use AJAX as our implementation. We dont want Google to crawl the third party's content but we do want them to crawl and index the rest of the web page. However, In light of Google's recent announcement about more effectively indexing google, I have some concern that we are at risk for that content to be indexed. I have thought about x-robots but have concern about implementing it on the pages because of a potential risk in Google not indexing the whole page. These pages get significant traffic for the website, and I cant risk. Thanks, Phil
Technical SEO | | AU-SEO0 -
Theft of content
Hi i done a post a while ago about a compeditor stealing content from our site time and time again and this morning i have found a referal link from a site that i am not sure what it does and would like more info please. The site is http://headmetrics.com/ I have read about the site and I am just wondering if people can use this site to copy our site any advice would be great
Technical SEO | | ClaireH-1848860