With Web App Performance Monitoring
Maor Frankel & Tsachi Shushan
Old Phone
Old computer
slow internet
<script>performance.mark('scripts-start');</script> <script src="https://u.outbrain.com/static/vendor.87b3e412.js"></script> <script src="https://u.outbrain.com/static/app.10f8627e.js"></script> <script>performance.mark('scripts-end');</script>
performance.measure('ob_css', 'css-start', 'css-end'); performance.measure('ob_scripts', 'scripts-start', 'scripts-end'); performance.measure('ob_total_page', 'total-page-start' , 'total-page-end');
const measures = performance.getEntriesByType('measure') .filter(msr => msr.name.includes('ob_')) .map(msr => { return { name: msr.name, duration: parseInt(msr.duration), speed: connection ? connection.effectiveType : '' } }); this.http.post('/performance-benchmark', { measures });
By Maor Frankel