New tutorials covering BC.Next, Liquid, BC Apps and more.

Business Catalyst Speed Optimization Tutorials

  • Responsive Images and Page Speed

    This tutorial reviews several methods for achieving responsive images and evaluates them using Googles Page Speed tool. There's no definitive answer here, but you may find one of the techniques useful for your client's site.

    View Tutorial
  • Output Content By Device

    Learn how to output different content based on whether a user is on a desktop, tablet or phone. This is a simple and powerful technique to optimize websites for mobile devices and to tailor the user experience.

    View Tutorial
  • Google's Page Speed and Mobile-Friendly Test Tools

    Watch Chad walk you through his methods of using two of Google’s page speed and mobile optimization tools. Learn how to improve overall performance of your web pages on both mobile and desktop and increase your performance rankings, an important...

    View Tutorial
  • Selected Menu Items

    Learn how to add a selected class to menu elements so you can style the selected state. Allowing users to have a visual representation of where they are within your site.

    View Tutorial
  • Advanced Adobe Typekit Installation

    Adobe Typekit enables you to use beautiful fonts on your websites. Using the basic Typekit install is simple and easy but you will receive lower scores on Google PageSpeed Insights due to its slower loading time. Learn an advanced way...

    View Tutorial
  • Responsive Images with Liquid

    Learn a method to create mobile/responsive friendly images within Business Catalyst using globals, liquid and the thumbnail generator. Also learn about built-in browser methods for handling responsive images and comparing the differences with the Business Catalyst method.

    View Tutorial