• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
BlogAid Logo

BlogAid

Help for DIY Site Owners and Webmasters - WordPress, SEO, HTTPS, Security, and Performance

  • Home
  • Blog
    • Current Posts
    • Helpful Posts
    • Hobby to Money Making Blog Series
  • Tips Tuesday
  • Site Services
    • Happy Clients
    • Setup, Backups, Fixes
    • Site Service Requests
    • Site Audits
      • What’s In the Audit
      • Audit Request Form
    • HTTPS Conversion
      • About the Service
      • HTTPS Request Form
  • Resources
    • Plugins
    • Helpful Posts
    • Site Resources
    • Start Here with BlogAid
  • Classes
    • Happy Clients
    • All Classes
    • Gutenberg Ninja
    • DIY SEO Course
    • Webmaster Training
  • About
    • About MaAnna
    • Happy Clients
    • Privacy Policy and Terms of Use
    • Affiliate Disclosure Policy
    • Disclaimer
  • Contact
    • General Contact
    • Site Service Requests

How Pinterest Widgets Slow Page Load and Best Alternatives

October 9, 2017 by MaAnna Stephenson

TwitterFacebookPinterestLinkedinRedditWhatsApp

Bringing anything into your site from social media will radically slow page load time.

Pinterest images are, by far, one of the worst offenders.

See just how much a Pinterest widget slows down your page load, and a super easy widget alternative that will still send visitors directly to your Pinterest boards.

Also see 5 Ways to Create Image Widgets That Won’t Slow Down Your Site


Subscribe to the BlogAid YouTube Channel for more helpful tips like this


Video Transcript

Pinterest has a widget builder tool that helps you generate the code needed to embed:

  • one of your pins
  • Up to 30 of your latest pins
  • Up to 30 pins from a single board

The problem with the last 2 is that you can’t select less than 30 pins to include.

And while it may display only a small fraction of those as thumbnails, it’s actually bringing in all 30 images, and at a much larger thumbnail size than shown in the sidebar.

If you have this code in your primary sidebar, then it’s pulling all of that in on every post and page on your site and radially slowing it down.

Let’s have a look at some real examples.

In this first widget, I have the Pinterest code from their widget builder tool.

I have to scroll down to see all of them, but it is bringing in 30 images.

The Pinterest Widget by Angie Makes plugin does the same thing.

Instead of adding code, you just input the URL of your profile for your latest pins, or the URL of a specific board.

The Pinterest Badget plugin is a little different.

It allows you to select how many images to show, whether they are big or small icons.

But more importantly, it caches the images so they don’t have to load with every new page or post the visitor clicks. Now, that only works for the 2nd page or post they visit, not the first one. So, it’s basically no better than the others on first page load time.

Not to mention how it squishes the images and doesn’t center them so they don’t look very good.

I looked at all of the popular Pinterest widget plugins I could find in the WordPress plugin repository and the rest of them had not been updated in over 2 years. So, they may not be PHP7 compatible, and they may have security issues because they may not be keeping pace with changes in the WordPress core.

Let’s have a look at just how incredibly slow any one of these plugins, or the raw code, makes your page load.

I think you’ll be shocked.

I removed all of the widgets and ran a performance check on my favorite tester WebPage Test.

I set it to run 3 concurrent tests from the middle of the country, and using the Chrome browser.

As you can see I’m not using CloudFlare or any other CDN to help speed things up, which is why there is an X on that score.

The initial load time is 1.272s and the full load time is 1.394s

The big thing is that there are only 17 requests. That’s how many items had to be fetched to render every element on this page.

I’m using Genesis with the Lifestyle Pro theme, so that means all of the theme’s css and js files are being called, plus Google fonts from the outside world too.

Our page size is a measly 156KB.

Then I reran the test with the Pinterest code in a sidebar widget.

The initial load time wasn’t affected much. It’s up 0.017s.

But look at the fully loaded time. It went up from 1.394s to 3.152! This widget basically tripled our load time.

And here’s why. We started with 17 requests. Now we have 72.

That’s a whopping 55 requests that had to be fetched before this page could be fully rendered.

And they’re all coming from Pinterest.

All that stuff coming from the outside world also tanked our Compress Transfer time too. And we have no control over that.

Yes, we have a green check on the CDN, but that’s just because Pinterest uses one and it was detected, not because we have done well.

And look at the page size.

We went from 156 KB to a whopping 671 KB. It increased by over 4x in size.

Let’s jump over to Webpage Test so you can see another shocker.

I’m on the view images page which shows us all of the images being loaded on just that page.

Even though the widget is displaying teeny tiny thumbnails, this is the size of the image actually being loaded. If you typically do those tall tower images on Pinterest, they’ll be even bigger.

And look how many there are, even though you can only see a fraction of them in the sidebar.

That’s 30 extra images being loaded on every single post and page on your site!

But don’t worry.

There is an easy way to fix this.

You can create great looking image widgets yourself and link directly to Pinterest, Facebook, and your category archive pages and more.

And each of them puts no extra load on your site.

Watch my tutorial on 5 ways to create your own image widgets for details.

TwitterFacebookPinterestLinkedinRedditWhatsApp

Filed Under: Speed

About MaAnna Stephenson

MaAnna is a geek who can still speak in plain English. She helps DIY site owners plus webmasters and designers create sites that are secure, perform well, and get noticed by search engines and readers.

  • Facebook
  • LinkedIn
  • Pinterest
  • RSS
  • Twitter
  • YouTube

This book could save you hundreds of dollars and months of frustration. Get it free with your subscription to BlogAid News plus my blog posts.
Privacy Policy



Reader Interactions

Comments

  1. Diane | An Extraordinary Day says

    October 9, 2017 at 10:08 am

    I can’t wait to try this. I ditched having Pinterest on my sidebar a long time ago because of the speed issues. Thanks so much!!

    • MaAnna Stephenson says

      October 9, 2017 at 4:57 pm

      Glad you found it helpful Diane!! I was shocked at the real load numbers. I knew they were bad, but wow!

  2. Denver Prophit Jr. says

    November 12, 2017 at 6:50 am

    With YoastSEO plugin, can one simply paste the URL to the Rich Pin and have the oembed rendered within the article? I agree do not load more than one image if within a widget.

    My other question is simply why embed your own pins into your own domain? Is if for discovery? To increase ypur repins?

    • MaAnna Stephenson says

      November 12, 2017 at 9:10 am

      The Yoast SEO plugin only covers one image when the link is shared directly. Power Pinterest users have way more needs than that.

      Folks just use the widgets to get more followers on those social media accounts, as those widgets tend to attract the eye with all those thumbnails.

  3. Christina says

    November 13, 2017 at 5:49 pm

    Is there a better way to embed Pinterest boards in blog posts? Or is there just no good way to do that?

    • MaAnna Stephenson says

      November 13, 2017 at 5:56 pm

      That’s a good question Christina. Haven’t tested doing that. But assume that it’s the same with boards as with the widgets, maybe worse, as it’s pulling in tons of images from Pinterest

Primary Sidebar

This book could save you hundreds of dollars and months of frustration. Get it free with your subscription to BlogAid News plus my blog posts.
Privacy Policy

Hi! I'm MaAnna, and a geek who can still speak in plain English. I help DIY site owners plus webmasters and designers create sites that are secure, perform well, and get noticed by search engines and readers. How May I Help You?

Let’s Connect

  • Facebook
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube

Looking for Something?

Search by Category

Footer

BlogAid News

This book could save you hundreds of dollars and months of frustration.

Get it free with your subscription to BlogAid News plus my blog posts. Privacy Policy

From the Blog

  • Tips Tuesday – Easy Gutenberg, PHP 7.3, Site Speed, Personalized SEO
  • How Gutenberg Made it Easy to Monetize My Site
  • WordPress Database Table Prefixes
  • Tips Tuesday – Site Speed, Holiday Deals, WP 5.3, Genesis, Gutenberg
  • BlogAid Holiday Deals 2019
  • Tips Tuesday – Updates for WordPress, Genesis, PHP, Plugins, and More
  • Tips Tuesday – WordPress 5.3, Social Pug and Mediavine, Recipe and Travel Site SEO
  • Tips Tuesday – Site Speed, Broken Links, Chrome, Astra Widget, Gutenberg Tutorials

© 2019   Blog Aid · WordPress for Non-Geeks · All Rights Reserved

Disclosure: Some of the links on this website may be affiliate links. When you make a purchase from these links, I earn a small commission.
While commissions allow me to keep this site 100% free, I only endorse products I trust and use for myself and clients.