Skip to content

Instantly share code, notes, and snippets.

@WebCloud

WebCloud/may_newsletter.html

Created May 9, 2025 07:04
Show Gist options
  • Save WebCloud/fc83511f80d45f1b3d6e477ea751bc53 to your computer and use it in GitHub Desktop.
Save WebCloud/fc83511f80d45f1b3d6e477ea751bc53 to your computer and use it in GitHub Desktop.
Download ZIP
PerfAgent - NEWSLETTER May 2025
Raw
may_newsletter.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="en">
<head>
<link rel="preload" as="image" href="https://yn20j37lsyu3f9lc.public.blob.vercel-storage.com/newsletter/hero_images/hero10-taJvUCnqp9iW0762iFFqNBlmDijgOp.jpg" />
<link rel="preload" as="image" href="https://yn20j37lsyu3f9lc.public.blob.vercel-storage.com/newsletter/hero_images/hero7-xpRpL1p7QKoUqUFdhiCTJwNLV13A0c.jpg" />
<link rel="preload" as="image" href="https://yn20j37lsyu3f9lc.public.blob.vercel-storage.com/newsletter/hero_images/hero6-UQ8uRXzcUGxGO1cGFqaStqtCC2ZdrO.jpg" />
<link rel="preload" as="image" href="https://yn20j37lsyu3f9lc.public.blob.vercel-storage.com/newsletter/hero_images/hero1-8w9G16t8DdxYMLvy9jwuWszxWjS310.jpg" />
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<meta name="x-apple-disable-message-reformatting" />
</head>
<body style="margin:0px;background-color:rgb(10,40,36);padding:0px;font-family:ui-sans-serif, system-ui, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;"><!--$-->
<div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0">Latest updates from PerfAgent - Your Performance Optimization Platform<div> ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏</div>
</div>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-left:auto;margin-right:auto;max-width:600px;padding-left:1rem;padding-right:1rem;padding-top:2rem;padding-bottom:2rem">
<tbody>
<tr style="width:100%">
<td>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="overflow:hidden;border-radius:0.5rem;border-width:2px;border-style:dotted;border-color:rgb(103,203,135);background-color:rgb(10,40,36);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), 0 20px 25px -5px rgb(0,0,0,0.1), 0 8px 10px -6px rgb(0,0,0,0.1)">
<tbody>
<tr>
<td>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="border-bottom-width:1px;border-style:dotted;border-color:rgb(103,203,135);background-color:rgb(13,49,45);padding:1rem">
<tbody>
<tr>
<td>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation">
<tbody style="width:100%">
<tr style="width:100%">
<td data-id="__react-email-column">
<div style="display:flex;align-items:center">
<div style="margin-right:0.5rem;height:0.75rem;width:0.75rem;border-radius:9999px;background-color:rgb(103,203,135)"></div>
<div style="margin-right:0.5rem;height:0.75rem;width:0.75rem;border-radius:9999px;background-color:rgb(230,195,74)"></div>
<div style="margin-right:0.5rem;height:0.75rem;width:0.75rem;border-radius:9999px;background-color:rgb(234,95,95)"></div>
<p style="margin:0px;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace;font-size:0.75rem;line-height:1rem;letter-spacing:0.05em;color:rgb(103,203,135);text-transform:uppercase;margin-bottom:16px;margin-top:16px">PERFAGENT - NEWSLETTER <!-- -->May 2025</p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin:0px;padding:0px">
<tbody>
<tr>
<td>
<h1 style="margin-bottom:1.5rem;padding-left:2rem;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace;font-size:1.5rem;line-height:2rem;font-weight:700;color:rgb(103,203,135)"><span style="color:rgb(103,203,135)">&gt;</span> <!-- -->Progress update time!</h1><img alt="PerfAgent Newsletter Hero Image" src="https://yn20j37lsyu3f9lc.public.blob.vercel-storage.com/newsletter/hero_images/hero10-taJvUCnqp9iW0762iFFqNBlmDijgOp.jpg" style="width:100%;max-width:100%;display:block;outline:none;border:none;text-decoration:none" width="600" />
</td>
</tr>
</tbody>
</table>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="position:relative;padding:2rem">
<tbody>
<tr>
<td>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:1.5rem;border-radius:0.375rem;border-width:1px;border-style:dashed;border-color:rgb(103,203,135);padding:0.5rem">
<tbody>
<tr>
<td>
<p style="margin:0px;text-align:center;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace;color:rgb(103,203,135);font-size:14px;line-height:24px;margin-bottom:16px;margin-top:16px">$ ./view_updates.sh</p>
</td>
</tr>
</tbody>
</table>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:2rem">
<tbody>
<tr>
<td>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:1rem;border-radius:0.375rem;border-width:1px;border-style:dotted;border-color:rgb(103,203,135);background-color:rgb(13,49,45);padding:1.5rem">
<tbody>
<tr>
<td>
<p style="margin:0px;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace;font-weight:700;color:rgb(103,203,135);font-size:14px;line-height:24px;margin-bottom:16px;margin-top:16px"><span style="color:rgb(103,203,135)">&gt;</span> <!-- -->Ready for first test users soon!</p>
<p style="margin:0px;margin-top:0.5rem;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace;color:rgb(195,230,212);font-size:14px;line-height:24px;margin-bottom:16px">After 2 months of hard work, PerfAgent will start inviting its first test users for some exclusive early access!
Those early users will be selected to help bring direct feedback and help shape the first open release!
Please reach out by replying to this email if interested on being part of this select few!</p><a href="https://x.com/WebTwitr/status/1920562572245278760" style="color:#067df7;text-decoration-line:none" target="_blank"><img alt="Image for Ready for first test users soon!" src="https://yn20j37lsyu3f9lc.public.blob.vercel-storage.com/newsletter/hero_images/hero7-xpRpL1p7QKoUqUFdhiCTJwNLV13A0c.jpg" style="margin-top:1rem;border-radius:0.375rem;border-width:1px;border-color:rgb(103,203,135);display:block;outline:none;border:none;text-decoration:none" width="500" /></a>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:1rem">
<tbody>
<tr>
<td><a href="https://x.com/WebTwitr/status/1920562572245278760" style="border-radius:0.25rem;border-width:1px;border-color:rgb(103,203,135);background-color:rgb(10,40,36);padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace;font-size:0.875rem;line-height:1.25rem;color:rgb(103,203,135);text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;padding:8px 16px 8px 16px" target="_blank"><span><!--[if mso]><i style="mso-font-width:400%;mso-text-raise:12" hidden>&#8202;&#8202;</i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:6px">Read More on X</span><span><!--[if mso]><i style="mso-font-width:400%" hidden>&#8202;&#8202;&#8203;</i><![endif]--></span></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<p style="margin-top:1rem;text-align:center;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace;font-size:0.875rem;line-height:1.25rem;color:rgb(103,203,135);margin-bottom:16px"># # # # #</p>
</td>
</tr>
</tbody>
</table>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:2rem">
<tbody>
<tr>
<td>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:1rem;border-radius:0.375rem;border-width:1px;border-style:dotted;border-color:rgb(103,203,135);background-color:rgb(13,49,45);padding:1.5rem">
<tbody>
<tr>
<td>
<p style="margin:0px;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace;font-weight:700;color:rgb(103,203,135);font-size:14px;line-height:24px;margin-bottom:16px;margin-top:16px"><span style="color:rgb(103,203,135)">&gt;</span> <!-- -->Core Web Vitals and trace insights</p>
<p style="margin:0px;margin-top:0.5rem;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace;color:rgb(195,230,212);font-size:14px;line-height:24px;margin-bottom:16px">One of the main problems a developer faces is to identify and attribute performance problems when analysing a trace.
PerfAgent can help you with that by giving you an in-depth report on different Core Web Vitals metrics, and give you trace analysis with meaningful action points!</p><a href="https://x.com/WebTwitr/status/1919390699809644717" style="color:#067df7;text-decoration-line:none" target="_blank"><img alt="Image for Core Web Vitals and trace insights" src="https://yn20j37lsyu3f9lc.public.blob.vercel-storage.com/newsletter/hero_images/hero6-UQ8uRXzcUGxGO1cGFqaStqtCC2ZdrO.jpg" style="margin-top:1rem;border-radius:0.375rem;border-width:1px;border-color:rgb(103,203,135);display:block;outline:none;border:none;text-decoration:none" width="500" /></a>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:1rem">
<tbody>
<tr>
<td><a href="https://x.com/WebTwitr/status/1919390699809644717" style="border-radius:0.25rem;border-width:1px;border-color:rgb(103,203,135);background-color:rgb(10,40,36);padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace;font-size:0.875rem;line-height:1.25rem;color:rgb(103,203,135);text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;padding:8px 16px 8px 16px" target="_blank"><span><!--[if mso]><i style="mso-font-width:400%;mso-text-raise:12" hidden>&#8202;&#8202;</i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:6px">Read More on X</span><span><!--[if mso]><i style="mso-font-width:400%" hidden>&#8202;&#8202;&#8203;</i><![endif]--></span></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<p style="margin-top:1rem;text-align:center;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace;font-size:0.875rem;line-height:1.25rem;color:rgb(103,203,135);margin-bottom:16px"># # # # #</p>
</td>
</tr>
</tbody>
</table>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:2rem">
<tbody>
<tr>
<td>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:1rem;border-radius:0.375rem;border-width:1px;border-style:dotted;border-color:rgb(103,203,135);background-color:rgb(13,49,45);padding:1.5rem">
<tbody>
<tr>
<td>
<p style="margin:0px;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace;font-weight:700;color:rgb(103,203,135);font-size:14px;line-height:24px;margin-bottom:16px;margin-top:16px"><span style="color:rgb(103,203,135)">&gt;</span> <!-- -->Research on different performance topics</p>
<p style="margin:0px;margin-top:0.5rem;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace;color:rgb(195,230,212);font-size:14px;line-height:24px;margin-bottom:16px">whenever needed, PerfAgent can help as a knowledge assistant. With the deep research feature, you can request insights and analysis on different topics around performance.</p><a href="https://x.com/WebTwitr/status/1917215509034226138" style="color:#067df7;text-decoration-line:none" target="_blank"><img alt="Image for Research on different performance topics" src="https://yn20j37lsyu3f9lc.public.blob.vercel-storage.com/newsletter/hero_images/hero1-8w9G16t8DdxYMLvy9jwuWszxWjS310.jpg" style="margin-top:1rem;border-radius:0.375rem;border-width:1px;border-color:rgb(103,203,135);display:block;outline:none;border:none;text-decoration:none" width="500" /></a>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:1rem">
<tbody>
<tr>
<td><a href="https://x.com/WebTwitr/status/1917215509034226138" style="border-radius:0.25rem;border-width:1px;border-color:rgb(103,203,135);background-color:rgb(10,40,36);padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace;font-size:0.875rem;line-height:1.25rem;color:rgb(103,203,135);text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;padding:8px 16px 8px 16px" target="_blank"><span><!--[if mso]><i style="mso-font-width:400%;mso-text-raise:12" hidden>&#8202;&#8202;</i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:6px">Read More on X</span><span><!--[if mso]><i style="mso-font-width:400%" hidden>&#8202;&#8202;&#8203;</i><![endif]--></span></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="border-top-width:1px;border-style:dotted;border-color:rgb(103,203,135);background-color:rgb(13,49,45);padding:1rem">
<tbody>
<tr>
<td>
<p style="margin:0px;text-align:center;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace;font-size:0.75rem;line-height:1rem;color:rgb(103,203,135);margin-bottom:16px;margin-top:16px">© <!-- -->2025<!-- --> PerfAgent. All rights reserved.</p>
<p style="margin:0px;margin-top:0.5rem;text-align:center;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace;font-size:0.75rem;line-height:1rem;color:rgb(195,230,212);margin-bottom:16px">You&#x27;re receiving this email at <!-- -->[email protected]<!-- --> because you signed up for PerfAgent waitlist.</p>
<p style="margin:0px;margin-top:0.5rem;text-align:center;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, &quot;Liberation Mono&quot;, &quot;Courier New&quot;, monospace;font-size:0.75rem;line-height:1rem;color:rgb(195,230,212);margin-bottom:16px"><a href="http://localhost:3000/unsubscribe" style="color:rgb(103,203,135);text-decoration-line:underline" target="_blank">Unsubscribe</a></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table><!--7--><!--/$-->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment