{"version":"1.0","provider_name":"ANGULARarchitects","provider_url":"https:\/\/www.angulararchitects.io\/en\/","author_name":"Alexander Thalhammer","author_url":"https:\/\/www.angulararchitects.io\/en\/blog\/author\/alexander-thalhammer\/","title":"Blog: How to improve Initial Load Performance with Angular 17's Deferrable Views","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"Co4y5njupe\"><a href=\"https:\/\/www.angulararchitects.io\/en\/blog\/deferrable-views\/\">Improve Initial Load Time with Deferrable Views<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.angulararchitects.io\/en\/blog\/deferrable-views\/embed\/#?secret=Co4y5njupe\" width=\"600\" height=\"338\" title=\"&#8220;Improve Initial Load Time with Deferrable Views&#8221; &#8212; ANGULARarchitects\" data-secret=\"Co4y5njupe\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/www.angulararchitects.io\/wp-includes\/js\/wp-embed.min.js\n\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/11\/shutterstock_2308145041.jpg","thumbnail_width":500,"thumbnail_height":280,"description":"Besides some minor updates concerning Server Side Rendering (including things as making the great new Hydration feature stable, renaming the universal package to @angular\/ssr and adding SSR support to the CLI's ng new command) the biggest upgrade for us performance enthusiasts in Angular 17 is definitely the new block template syntax including the defer block [&hellip;]"}