The Internet Marketing Driver

  • GSQi Home
  • About Glenn Gabe
  • SEO Services
    • Algorithm Update Recovery
    • Technical SEO Audits
    • Website Redesigns and Site Migrations
    • SEO Training
  • Blog
  • Contact GSQi

How Bing Pre-Renders Webpages in IE11 and How Marketers Can Use The Pre-Render Tag for CRO Today

November 2, 2013 By Glenn Gabe Leave a Comment

Share
Tweet
Share
Email

Bing, IE11, and Pre-rendering Webpages

Bing recently announced it is using IE11’s pre-render tag to enhance the user experience on Bing.com.   Pre-rendering enables Bing to automatically download the webpage for the first search result before you visit that page.  Note, this only happens for “popular searches”, and I’ll cover more about that below.  Pre-rendering via Bing means the destination page will load almost instantaneously when you click through the first search result.  Bing explained that over half of users click the first result, and using IE11’s pre-render tag can enhance the user experience by loading the destination page in the background, after the search is conducted.

A Quick Pre-Render Example:
If I search Bing for “Samsung” in IE11, the first result is the U.S. Samsung website.  When clicking through to the website, the first page loads immediately without any delay (including all webpage assets, like images, scripts, etc.)  Checking the Bing search results page reveals that Bing was using pre-render for the Samsung website homepage.  You can see this via the source code.  See the screenshots below.

Search Results and Sitelinks for Samsung

Checking the source code reveals Bing is pre-rendering the U.S. Samsung homepage:

Bing Source Code Pre-Render Tag

 

Yes, Google Has Been Doing This With “Instant Pages”
In case you were wondering, Google has been accomplishing this with “Instant Pages” in Chrome since 2011, but it’s good to see Bing roll out pre-rendering as well.  My guess is you’ve experienced the power of pre-rendering without even realizing it.  When Bing and Google have high confidence that a user will click the first search result, they will use the pre-render tag to load the first result page in the background.  Then upon clicking through, the page instantaneously displays.  That means no waiting for large photos or graphics to load, scripts, etc.  The page is just there.

Testing Bing’s Pre-Render in IE11
Once Bing rolled out pre-render via IE11, I began to test it across my systems.  When it kicked in, the results were impressive.  The first result page loaded as soon as I clicked through.  I was off and running on the page immediately.

But when did Bing actually pre-render the page and why did some search results not spark Bing to pre-render content?   Good questions, and I dug into the search results to find some answers.

Identifying Pre-rendering with Bing and IE11
During my testing, I began to notice a trend.  Pre-rendering was only happening when sitelinks were provided for a given search result.  So, if I searched for “apple ipad”, which Bing does not provide sitelinks for, then pre-rendering was not enabled.  But if I searched for just “Apple”, and Bing did provide sitelinks, then pre-render was enabled.  If I searched for “Acura”, sitelinks were provided for the branded search, and the first result was pre-rendered.

A Bing search for “Acura” yields sitelinks:
Search Results and Sitelinks for Acura

 

Checking the source code reveals Bing is pre-rendering the first search result for “Acura”:
Bing Source Code Pre-Render Tag for Acura

 

A Bing search for “Derek Jeter” does not yield sitelinks:
Bing Search Results for Derek Jeter
Checking the source code reveals Bing is not pre-rendering the first search result for “Derek Jeter”:
Bing Source Code for Derek Jeter Without Pre-render

 

So, Bing clearly needed high confidence that I would click through the first listing in order to use pre-render.  In addition, there was a high correlation between sitelinks and the use of the pre-render tag.  For example, “how to change oil” did not yield pre-rendering, “Derek Jeter” did not trigger pre-rendering, and “weather” did not trigger pre-rendering.  But “Firefox” did trigger sitelinks and the use of pre-render.

How Can You Tell If Pre-Rendering is Taking Place
You need an eagle eye like me to know.  Just kidding.  :)  I simply viewed the source code of the search result page to see if the pre-render tag was present.  When it was, you could clearly see the “url0=” parameter and the value (which was the webpage that was being pre-rendered).  You can see this in the screenshots listed above.

And for Chrome, you could check task manager and see if a page is being pre-rendered.  It’s easy to do and will show you if the page is being pre-rendered and the file size.

Using Chrome’s Task Manager to view Pre-rendered Pages
Using Chrome Task Manager to Check Pre-render

 

How Marketers Can Use Pre-Render On Their Own Websites for CRO Today
Yes, you read that correctly.  You can use pre-render on your own website to pre-load pages when you have high confidence that a user will navigate to that page.  I’m wondering how many Conversion Rate Optimization (CRO) professionals have tried that out!  Talk about speeding up the user experience for prospective customers.

Imagine pre-loading the top product page for a category, the first page of your checkout process, the lead generation form, etc.  Pre-rendering content is supported by Chrome, IE11, and Firefox, so you can actually test this out today.

I’ve run some tests on my own and the pre-rendered pages load in a flash.  But note, Chrome and IE11 support prerender, while Firefox supports prefetch.  That’s important to know if you’re a developer or designer.  Also, I believe you can combine prerender and prefetch in one link tag to support all three browsers, but I need to test it out in order to confirm the combination works.  Regardless, I recommend testing out pre-rendering on your own site and pages to see how it works.

You can analyze visitor paths and determine pages that overwhelmingly lead to other pages.  And when you have high confidence that a first page will lead to a second page, then implement the pre-render tag.  Heck, split test this approach!  Then determine if there was any lift in conversion based on using pre-render to speed up the conversion process.

Analyzing Behavior Flow in Google Analytics to Identify “Connected Pages”:
Analyzing Behavior Flow to Identify Connected Pages

 

An Example of Using Pre-Render
Let’s say you had a killer landing page that leads to several other pages containing supporting content.  One of those pages includes a number of testimonials from customers, and you notice that a high percentage of users click through to that page from the initial landing page.  Based on what I explained earlier, you want to quicken the load time for that second page by using pre-render.  Your hope is that getting users to that page as quickly as possible can help break down a barrier to conversion, and hopefully lead to more sales.

All that you would need to do is to include the following line of code in the head of the first document:

<link rel=”prerender” href=”http://www.yourdomain.com/some-page-here.htm” >

Note, that will work in Chrome and IE11.  If you combine prerender with prefetch, then I believe that will work across Chrome, IE11, and Firefox.

When users visit the landing page, the second page will load in the background.  When they click the link to visit the page, that page will display instantaneously.  Awesome.

 

Summary – Pre-Render is Not Just For Search Engines
With the release of IE11, Bing is starting to pre-render pages in the background when it has high confidence you will click the first search result.  And Google has been doing the same with “Instant Pages” since 2011.  Pre-rendering aims to enhance the user experience by displaying pages extremely quickly upon click-through.

But pre-render is not just for search engines.  As I demonstrated above, you can use the technique on your own pages to reduce a barrier to conversion (the speed at which key pages display for users on your website).  You just need to determine which pages users visit most often from other key landing pages, and then implement the pre-render tag.  And you can start today.  Happy pre-rendering.  :)

GG

 

Share
Tweet
Share
Email

Filed Under: bing, cro, google

Connect with Glenn Gabe today!

Latest Blog Posts

  • Google Search Console (GSC) reporting for Soft 404s is now more accurate. But where did those Soft 404s go?
  • Google’s December 2020 Broad Core Algorithm Update Part 2: Three Case Studies That Underscore The Complexity and Nuance of Broad Core Updates
  • Google’s December 2020 Broad Core Algorithm Update: Analysis, Observations, Tremors and Reversals, and More Key Points for Site Owners [Part 1 of 2]
  • Exit The Black Hole Of Web Story Tracking – How To Track User Progress In Web Stories Via Event Tracking In Google Analytics
  • Image Packs in Google Web Search – A reason you might be seeing high impressions and rankings in GSC but insanely low click-through rate (CTR)
  • Google’s “Found on the Web” Mobile SERP Feature – A Knowledge Graph and Carousel Frankenstein That’s Hard To Ignore
  • Image Migrations and Lost Signals – How long before images lose signals after a flawed url migration?
  • Web Stories Powered by AMP – 12 Tips and Recommendations For Creating Your First Story
  • Visualizing The SEO Engagement Trap – How To Use Behavior Flow In Google Analytics To View User Frustration [Case Study]
  • The May 2020 Google Core Update – 4 Case Studies That Emphasize The Complexity Of Broad Core Algorithm Updates

Web Stories

  • Google’s Disqus Indexing Bug
  • Google’s New Page Experience Signal

Archives

  • February 2021
  • January 2021
  • December 2020
  • November 2020
  • October 2020
  • September 2020
  • August 2020
  • July 2020
  • June 2020
  • May 2020
  • April 2020
  • March 2020
  • February 2020
  • January 2020
  • December 2019
  • November 2019
  • October 2019
  • September 2019
  • August 2019
  • July 2019
  • June 2019
  • May 2019
  • April 2019
  • March 2019
  • February 2019
  • January 2019
  • December 2018
  • November 2018
  • October 2018
  • September 2018
  • August 2018
  • July 2018
  • June 2018
  • May 2018
  • April 2018
  • March 2018
  • February 2018
  • January 2018
  • December 2017
  • November 2017
  • October 2017
  • September 2017
  • August 2017
  • July 2017
  • June 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • December 2016
  • November 2016
  • October 2016
  • August 2016
  • July 2016
  • June 2016
  • May 2016
  • April 2016
  • March 2016
  • February 2016
  • January 2016
  • December 2015
  • November 2015
  • October 2015
  • September 2015
  • August 2015
  • July 2015
  • June 2015
  • May 2015
  • April 2015
  • March 2015
  • February 2015
  • January 2015
  • December 2014
  • November 2014
  • October 2014
  • September 2014
  • August 2014
  • July 2014
  • June 2014
  • May 2014
  • April 2014
  • March 2014
  • February 2014
  • January 2014
  • December 2013
  • November 2013
  • October 2013
  • September 2013
  • August 2013
  • July 2013
  • June 2013
  • May 2013
  • April 2013
  • March 2013
  • February 2013
  • January 2013
  • December 2012
  • November 2012
  • October 2012
  • September 2012
  • August 2012
  • July 2012
  • June 2012
  • May 2012
  • April 2012
  • March 2012
  • GSQi Home
  • About Glenn Gabe
  • SEO Services
  • Blog
  • Contact GSQi
Copyright © 2021 G-Squared Interactive LLC. All Rights Reserved. | Privacy Policy

We are using cookies to give you the best experience on our website.

You can find out more about which cookies we are using or switch them off in settings.

The Internet Marketing Driver
Powered by  GDPR Cookie Compliance
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Strictly Necessary Cookies

Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.

If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.

3rd Party Cookies

This website uses Google Analytics to collect anonymous information such as the number of visitors to the site, and the most popular pages.

Keeping this cookie enabled helps us to improve our website.

This site also uses pixels from Facebook, Twitter, and LinkedIn so we publish content that reaches you on those social networks.

Please enable Strictly Necessary Cookies first so that we can save your preferences!