Developers

4 Steps to Increase Page Speed on RebelMouse

4 Steps to Increase Page Speed on RebelMouse

Simple tips on how to optimize your site with just a few clicks

Page speed has quickly become an integral part of digital publishing. Publishers who haven't optimized for load time and usability will see lower search rankings, less page views, and lower revenue .

Because of this, RebelMouse has made page speed a top priority. Our Google PageSpeed Insights scores are often much higher than some of the biggest properties on the open web, and our clients enjoy reaping the benefits of an unobtrusive user experience. Our intuitive platform also makes it easy for publishers in our network to take site optimization into their own hands.


The following are some tips for clients publishing on RebelMouse who want to make small changes to improve their page speed performance.

1. Conditional Content: If you're using an element for a specific solution, make sure you use a Conditional Content element . For example, if you have something that should only appear for desktop users, make sure to add a Conditional Content element and set it up so that the code only renders on desktop. The following is just one example of where we did this and immediately saw an improvement of five points in page speed.

2. Lazy Load: Use the Lazy Load element in our Layout & Design tool whenever possible. This feature loads a page's elements only when they're needed by a user instead of all at once. For example, it's common to lazy load a sidebar because it's typically not the primary element on a page.

For example, if you need to add custom JavaScript to your code, make sure you use a Lazy Load element. We can easily do this by adding the following to the script tag:

<script type="text/lazy-javascript" priority="1">//your code is here</script>
  • Prioritize what to load first, such as the following:
    • 0 = Most important
    • 1 = Important ads
    • 3 = Middle of the page
    • 5 = Bottom of the page

When adding third-party scripts like the one below, double-check to make sure they're set to lazy load.

To test that lazy load is working properly, try the following steps:

  • Try our lazy loading (<script type="text/lazy-javascript" priority="3" data-src="//static.chartbeat.com/js/chartbeat.js"></script>)
  • Try to use " defer " (<script src="" defer>)
  • Try to use " async " (<script src="" async>)
  • Place the script without modifiers (<script src="" />)

3. Hide Images: Instead of hiding images with CSS, check the option "Hide Image" in our Layout & Design tool to maximize performance. Images can be large in file size and add extra load time to your website. If you hide them with CSS, they'll still load even if they're out of sight. But if you use our simple checkbox, you don't even fetch the image from our back end.

4. Alternative Fonts: One other small thing that can make a huge difference in your site's performance is using alternative fonts. Adding alternative fonts to your pages can give you a page speed improvement of approximately 10 points.

For best performance when implementing fonts, have the alternate font built in and set 'font display' to 'swap', along with optionally having it preload.

@font-face{
font-family: " Your Custom Font ";
src:url("url to Y our Custom Fon t ") format("woff2");
font-display: swap;
}

Then on the elements you will want to use the custom font:

.selector {
font-family: Your Custom Font , sans-serif(or any system font of same family, if possible)
}

Together, these things result in the best performance.

If you have any questions about how to optimize your site for maximum performance, email support@rebelmouse.com or talk to your account manager today.

Related Articles

What Is RebelMouse?
Request a Proposal

Where
Websites Are Built

The Fastest Sites in the World Run on RebelMouse

Let’s Chat

new!

RebelMouse Performance Monitoring

Real-Time Core Web Vitals

Get Started
DISCOVER MORE

Our Core Features

Our platform is a complete digital publishing toolbox that's built for modern-day content creators, and includes game-changing features such as our:

Why RebelMouse?

Unprecedented Scale

RebelMouse sites reach more than 120M people a month, with an always-modern solution that combines cutting-edge technology with decades of media savvy. And due to our massive scale, 1 in 3 Americans have visited a website powered by RebelMouse.

120M+ Users
550M+ Pageviews
17+ Avg. Minutes per User
6+ Avg. Pages per User

Today's Top Websites Use RebelMouse

Thanks to the tremendous scale of our network, we are able to analyze a wealth of traffic data that informs our strategies and allows us to be a true strategic partner instead of just a vendor.

What Clients Say

We’re here to help you weigh and understand every tech and strategic decision that affects your digital presence. Spend less time managing everything yourself, and more time focused on creating the quality content your users deserve.

Case Studies

A Team Built Like No Other

RebelMouse employs a unique, diverse, and decentralized team that consists of 70+ digital traffic experts across more than 25 different countries. We have no central office, and we cover every time zone to ensure that we’re able to deliver amazing results and enterprise-grade support around the clock.

Our team is well-versed in all things product, content, traffic, and revenue, and we strategically deploy ourselves to help with each element across all of our clients. We thrive on solving the complex.

Let's Chat