<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>DateFns on Tiago Costa</title>
    <link>https://tiagoscosta.tpps.com.br/tags/datefns/</link>
    <description>Recent content in DateFns on Tiago Costa</description>
    <generator>Hugo</generator>
    <language>pt-br</language>
    <lastBuildDate>Sat, 07 Feb 2026 10:09:00 +0000</lastBuildDate>
    <atom:link href="https://tiagoscosta.tpps.com.br/tags/datefns/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>📝 Estratégias de Otimização: Como &#34;Emagrecer&#34; seu App Angular com Bundle Analyzer</title>
      <link>https://tiagoscosta.tpps.com.br/posts/-estrat%C3%A9gias-de-otimiza%C3%A7%C3%A3o-como-emagrecer-seu-app-angular-com-bundle-analyzer/</link>
      <pubDate>Sat, 07 Feb 2026 10:09:00 +0000</pubDate>
      <guid>https://tiagoscosta.tpps.com.br/posts/-estrat%C3%A9gias-de-otimiza%C3%A7%C3%A3o-como-emagrecer-seu-app-angular-com-bundle-analyzer/</guid>
      <description>&lt;p&gt;No desenvolvimento de aplicações modernas, é fácil perder o controle do tamanho do pacote final. Bibliotecas que prometem facilitar nossa vida podem, silenciosamente, inflar o main.js, prejudicando a experiência do usuário, especialmente em conexões móveis.&lt;/p&gt;&#xA;&lt;p&gt;Recentemente, ao analisar o build do um projeto, identificamos um pacote inicial de &lt;strong&gt;1.45&lt;/strong&gt; MB. Através do &lt;strong&gt;Webpack Bundle Analyzer&lt;/strong&gt;, conseguimos visualizar os &amp;ldquo;vilões&amp;rdquo; da performance e traçar um plano de ação.&lt;/p&gt;&#xA;&lt;h2 id=&#34;-passo-a-passo-como-instalar-e-usar-o-analisador&#34;&gt;&#xA;  🛠️ Passo a Passo: Como instalar e usar o Analisador&#xA;  &lt;a class=&#34;heading-link&#34; href=&#34;#-passo-a-passo-como-instalar-e-usar-o-analisador&#34;&gt;&#xA;    &lt;i class=&#34;fa-solid fa-link&#34; aria-hidden=&#34;true&#34; title=&#34;Link para o cabeçalho&#34;&gt;&lt;/i&gt;&#xA;    &lt;span class=&#34;sr-only&#34;&gt;Link para o cabeçalho&lt;/span&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/h2&gt;&#xA;&lt;p&gt;Para realizar esse &amp;ldquo;raio-X&amp;rdquo; na sua própria aplicação, siga estes passos:&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
