How does Ascend prevent flickering (or flashing) of the page?

Ascend has taken a number of different measures to prevent flickering (or flashing) of the original content of page. They include:

1) Loading Synchronously

Ascend by default uses a synchronous loading of the snippet to prevent flickering. Scripts that are loaded synchronously are executed sequentially, one after another, beginning at the start of the <head> tag of the HTML.

It is for this reason, we strongly recommend installing the Ascend snippet as high as possible in the <head> tag of your page. This will minimize the likelihood of any flickering and ensure optimal performance. Like so: 

"<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>

<!-- PLACE YOUR ASCEND SNIPPET HERE, IF POSSIBLE -->
<script src="//media.ascend.ai/c/XXXXXXXXX-X/ascend.js"></script>

<!-- EVERYTHING ELSE (e.g. Google Analytics, Google Tag Manager, etc. ) -->

</head>..."

2) Optimized Content Delivery System 

Ascend has also invested heavily in an optimized content delivery system to make sure the impact on the page is minimized.

Our CDN for static assets, CloudFront, has a global network of over 100 edge locations to deliver the Ascend JavaScript file. (See the full list here). We're able to deliver dynamic candidates from servers located in Europe, North America, South America and Asia. Additionally, Ascend uses one of the fastest DNS Networks available, Amazon Route 53.

All of this combined allows the Ascend JavaScript file to be loaded in approximately ~100ms for HTTP sites and ~150ms for HTTPS sites. Execution of the snippet itself is sub 50ms.

 
For any additional questions about Ascend and/or it's architecture, feel free to reach out to your dedicated Solutions Engineer!
 
Happy Optimizing!

 

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk