For Developers

Support for our UBCMS developers.

On this page:

Flex UI is available to all UBCMS users now. Learn more.

Pardon the Dust

Sorry, gang, for an awkward page. It's currently a quick dumping place for what we feel may be useful tips.

Last reviewed: January 21, 2022

Akamai content delivery network

The Akamai content delivery network (CDN) delivers our Web pages through high-speed 'edge' servers physically located around the globe, instead of through the 'origin' servers directly (our UBCMS servers). The CDN helps accelerate, filter, and secure web traffic. 

Author Debugging Tools

Some of these tools are only available in Flex UI.

CRXDE

screen shot of the location of CRXDE off the Start page.

location of CRXDE off the Start page

The link to CRXDE is off the Start page. Look on the left for the Tools hammer icon. Click that to reveal 'General'. Click that to reveal the link to CRXDE (developers only).

Tag Admin Console

screen shot of the location of Tag Admin Console off the Start page.

location of Tag Admin Console off the Start page

The link to the Tag Admin Console is off the Start page. Look on the left for the Tools hammer icon. Click that to reveal 'General'. Click that to reveal the link to Tags (admins only).

User Admin / Group Manager

screen shot of the location of User and Group Manager admin tools off the Start page.

location of User and Group Manager admin tools off the Start page

The links to the User Admin and Group Manager Tools are off the Start page. Look on the left for the Tools hammer icon. Click that to reveal Security. Click that to reveal the link to both user tools (admins only).

Emulator / Mobile Device Simulator

Display your page as it would appear in mobile phones and other size devices.

Copy Content to Another Page

You can copy and paste content from one browser tab to another.

Compare Pages (DIFF)

Compare two versions of a page, usually the current with the last published.

Compare Two Different Pages

Use this trick to compare two different pages side by side in one window. It's similar to the Diff tool, but for any pages you specify, and without markup.

Page Load Speed

Why We Care

  • user retention, especially mobile
  • SEO, especially Google
  • first page load is more important than it used to be; e.g. clicking a search result, ad, email campaign link
  • browser cache is no help here

How We Measure...

  • Core Web Vitals (LCP, FID, CLS) - https://web.dev/vitals
    • green (90-100) is unrealistic for mobile but commonf or desktop
    • yellow (50-89) most pages will be in this range on mobile
    • red (0-49) our pages shouldn't scor ethis low without a large external script or iframe but Google expects the average to be 50 so half of pages in general will be in this range including our many of our peers
  • “Lab” Measurements - force a measurement
    • Google PageSpeed Insights - https://pagespeed.web.dev
    • Lighthouse - in Chrome DevTools and elsewhere - https://developers.google.com/web/tools/lighthouse
    • Web Vitals Chrome extension - https://chrome.google.com/webstore/detail/web-vitals/ahfhijdlegdabablpippeagghigmibma
  • “Field” Measurements - log what real users actually experience
    • Chrome User Experience Report - https://developers.google.com/web/tools/chrome-user-experience-report
    • Google Search Console Core Web Vitals Report - https://support.google.com/webmasters/answer/9205520

What Matters...

  • Mobile devices
    • mobile processor speeds are slow
    • mobile network conditions are slow and unreliable
  • Fonts
  • Javascript, especially at the top of the page
  • Third-party embeds (scripts, iframes)
  • Duplicate or unnecessary analytics tags

What Doesn't Matter (as much)...

  • desktops/laptops typically fast and well-connected
  • images (somewhat, but we optimize for you)
  • off the screen / below the fold - does not contribute to LCP
  • video - does not contribute to LCP
  • background images - does not contribute to LCP

What You Can Do...

  • consider the impact of everything you put on each page (cost/benefit)
  • think even harder about what you put on every page (header, footer)
  • watch for scripts, iframes, tags in GTM
  • move slow things lower down the page / below the fold
  • turn heavier analytics off when not needed (e.g. heat tracking)
  • measure and test

Learn More, Including What We're Doing For You

Was This Information Helpful?

(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu addresses only please)