Vignesh Shanmugam vigneshshanmugam

To site a working example, we have built a streaming layout service which composes the page from multiple endpoints(microservices).

<html>
<head>
    <fragment src="http://assets.domain.com" inline>
</head>
<body>
    <fragment src="http://header.domain.com">
    <fragment src="http://content.domain.com" primary>

List of API's we should be checking

Service Worker
Push Notification
Fetch/ Promises Compatible Browsers
Background Sync
Different Browsers

Old Orders v New Orders

First Load - No cache

Page	First Paint	Dom Load	On Load
Old- Php	4.10	4.08	5.55
New - pJS	1.22	2.34	4.24

First paint is delayed in php orders. Check below

	<html>
	<style>
	@media screen and (max-width: 1024px){
	.agent {
	opacity: 1 !important;
	}
	}
	.agent {
	opacity: 0;
	}

	'use strict';

	const domain = 's3-eu-west-1.amazonaws.com';
	const crypto = require('crypto');

	function getMd5(str) {
	return crypto.createHash('md5').update(str).digest('hex');
	}

	function getSha1(str) {