1.0ANGULARarchitectshttps://www.angulararchitects.io/en/Alexander Thalhammerhttps://www.angulararchitects.io/en/blog/author/alexander-thalhammer/rich600338<blockquote class="wp-embedded-content" data-secret="uVkZab9Uta"><a href="https://www.angulararchitects.io/en/blog/defer-large-deps/">How to lazy load large 3rd-party dependencies with Angular 17’s @defer</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://www.angulararchitects.io/en/blog/defer-large-deps/embed/#?secret=uVkZab9Uta" width="600" height="338" title="“How to lazy load large 3rd-party dependencies with Angular 17’s @defer” — ANGULARarchitects" data-secret="uVkZab9Uta" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript"> /* <![CDATA[ */ /*! This file is auto-generated */ !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); //# sourceURL=https://www.angulararchitects.io/wp-includes/js/wp-embed.min.js /* ]]> */ </script> https://www.angulararchitects.io/wp-content/uploads/2024/01/main-build.png600394Besides some minor updates concerning SSR, the most significant upgrade for us performance enthusiasts in Angular 17 is undoubtedly the new block template syntax, including the defer block feature. In our recent performance blog post on improving initial load performance with Angular 17's deferrable views, we introduced the new code>@defer