Welcome to Qwik Twitter

Server-side include HTML

JS only (101 Bytes)

HTML + JS(5 kB)

<div tweet-id="/tweet/1606438382561026049" style="max-width: 400px" q:container="paused" q:version="1.0.0" q:render="ssr" q:base="https://qwik-twitter.builder.io/build/"><div q:key="7o_9"><a target="_blank" rel="noreferrer noopener" href="https://twitter.com/mhevery" q:key="7o_10"><img loading="lazy" src="https://pbs.twimg.com/profile_images/1628461105235492864/wSjxF6L0_bigger.jpg" alt="Miško Hevery (Builder.io/Qwik) avatar"><div><span>Miško Hevery (Builder.io/Qwik)</span><span>@mhevery</span></div></a><blockquote q:key="7o_13"><span>Blank page with an embedded tweet. How bad can it be?</span><br q:key="7o_12"><br q:key="7o_12"><span>JS: 1.5MB 🤯</span><br q:key="7o_12"><span>PageSpeed score: 61/100 🤯</span><br q:key="7o_12"><span>Time to Interactive: 9 sec 🤯</span><br q:key="7o_12"><span>TBT: 1.7 sec 🤯</span><br q:key="7o_12"><br q:key="7o_12"><span>What hope does an average site have if a simple tweet requires MegaBytes of JS and seconds to interactivity?</span><br q:key="7o_12"><br q:key="7o_12"><br q:key="7o_12"><a target="_blank" rel="noreferrer noopener" href="https://t.co/0CJBe6LXCP" q:key="7o_11">https://t.co/0CJBe6LXCP</a></blockquote><a target="_blank" rel="noreferrer noopener" href="https://twitter.com/mhevery/status/1606438382561026049" q:key="7o_14"><div><div data-count="0"></div></div></a><div q:key="7o_24"></div><div q:key="7o_27"><a target="_blank" rel="noreferrer noopener" href="https://twitter.com/mhevery/status/1606438382561026049">11:55 PM · Dec 23, 2022</a></div><div q:key="7o_32"><a target="_blank" rel="noreferrer noopener" href="https://twitter.com/mhevery/status/1606438382561026049"><svg width="18" height="18" viewBox="0 0 24 24" aria-hidden="true" q:key="7o_35"><g><path d="M14.046 2.242l-4.148-.01h-.002c-4.374 0-7.8 3.427-7.8 7.802 0 4.098 3.186 7.206 7.465 7.37v3.828c0 .108.044.286.12.403.142.225.384.347.632.347.138 0 .277-.038.402-.118.264-.168 6.473-4.14 8.088-5.506 1.902-1.61 3.04-3.97 3.043-6.312v-.017c-.006-4.367-3.43-7.787-7.8-7.788zm3.787 12.972c-1.134.96-4.862 3.405-6.772 4.643V16.67c0-.414-.335-.75-.75-.75h-.396c-3.66 0-6.318-2.476-6.318-5.886 0-3.534 2.768-6.302 6.3-6.302l4.147.01h.002c3.532 0 6.3 2.766 6.302 6.296-.003 1.91-.942 3.844-2.514 5.176z"></path></g></svg><span>28</span></a><a target="_blank" rel="noreferrer noopener" href="https://twitter.com/intent/retweet?tweet_id=1606438382561026049"><svg width="18" height="18" viewBox="0 0 24 24" aria-hidden="true" q:key="7o_36"><g><path d="M23.77 15.67c-.292-.293-.767-.293-1.06 0l-2.22 2.22V7.65c0-2.068-1.683-3.75-3.75-3.75h-5.85c-.414 0-.75.336-.75.75s.336.75.75.75h5.85c1.24 0 2.25 1.01 2.25 2.25v10.24l-2.22-2.22c-.293-.293-.768-.293-1.06 0s-.294.768 0 1.06l3.5 3.5c.145.147.337.22.53.22s.383-.072.53-.22l3.5-3.5c.294-.292.294-.767 0-1.06zm-10.66 3.28H7.26c-1.24 0-2.25-1.01-2.25-2.25V6.46l2.22 2.22c.148.147.34.22.532.22s.384-.073.53-.22c.293-.293.293-.768 0-1.06l-3.5-3.5c-.293-.294-.768-.294-1.06 0l-3.5 3.5c-.294.292-.294.767 0 1.06s.767.293 1.06 0l2.22-2.22V16.7c0 2.068 1.683 3.75 3.75 3.75h5.85c.414 0 .75-.336.75-.75s-.337-.75-.75-.75z"></path></g></svg><span>90</span></a><a target="_blank" rel="noreferrer noopener" href="https://twitter.com/intent/like?tweet_id=1606438382561026049"><svg width="18" height="18" viewBox="0 0 24 24" aria-hidden="true" q:key="7o_34"><g><path d="M12 21.638h-.014C9.403 21.59 1.95 14.856 1.95 8.478c0-3.064 2.525-5.754 5.403-5.754 2.29 0 3.83 1.58 4.646 2.73.814-1.148 2.354-2.73 4.645-2.73 2.88 0 5.404 2.69 5.404 5.755 0 6.376-7.454 13.11-10.037 13.157H12zM7.354 4.225c-2.08 0-3.903 1.988-3.903 4.255 0 5.74 7.034 11.596 8.55 11.658 1.518-.062 8.55-5.917 8.55-11.658 0-2.267-1.823-4.255-3.903-4.255-2.528 0-3.94 2.936-3.952 2.965-.23.562-1.156.562-1.387 0-.014-.03-1.425-2.965-3.954-2.965z"></path></g></svg><span>546</span></a><a target="_blank" rel="noreferrer noopener" href="https://twitter.com/mhevery/status/1606438382561026049"><svg width="24" height="24" fill="none" viewBox="0 0 24 24" q:key="7o_38"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17.25 15.25V6.75H8.75"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17 7L6.75 17.25"></path></svg><span></span></a></div></div><script type="qwik/json">{"refs":{},"ctx":{},"objs":[],"subs":[]}</script></div>
<script type="module" async src="https://qwik-twitter.builder.io/tweet/1606438382561026049"></script>

HTML + JS + Style(14 kB)

<div tweet-id="/tweet/1606438382561026049" style="max-width: 400px" q:container="paused" q:version="1.0.0" q:render="ssr" q:base="https://qwik-twitter.builder.io/build/" class="qc📦 tweet-container"><style q:style="4s2q12-0" hidden>.tweet-embed.⭐️4s2q12-0{display:flex;flex-direction:column;max-width:350px;width:100%;padding:20px;background:white;border:1px solid black;border-radius:12px;margin:5px;background-color:#fff;color:#000;font-size:16px;line-height:24px;font-style:normal;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400}a.⭐️4s2q12-0{color:#00f}.dark.⭐️4s2q12-0 .tweet-embed.⭐️4s2q12-0{border:1px solid black}.tweet-embed.⭐️4s2q12-0 blockquote.⭐️4s2q12-0{margin:1rem 0;padding:0;border:0;background-color:unset}.tweet-embed.⭐️4s2q12-0 blockquote.⭐️4s2q12-0 a.⭐️4s2q12-0{font-weight:400}.tweet-embed.⭐️4s2q12-0 .tweet-author.⭐️4s2q12-0{display:flex;text-decoration:none;align-items:center;color:#000}.tweet-embed.⭐️4s2q12-0 .tweet-author.⭐️4s2q12-0 img.⭐️4s2q12-0{float:left;width:48px;height:48px;border-radius:100%;margin-right:1rem;margin-bottom:0}.tweet-embed.⭐️4s2q12-0 .tweet-author.⭐️4s2q12-0 div.⭐️4s2q12-0{display:flex;flex-direction:column;line-height:1.2}.tweet-embed.⭐️4s2q12-0 .tweet-author:hover.⭐️4s2q12-0 .tweet-author-name.⭐️4s2q12-0,.tweet-embed.⭐️4s2q12-0 .tweet-author:focus.⭐️4s2q12-0 .tweet-author-name.⭐️4s2q12-0{text-decoration:underline}.tweet-embed.⭐️4s2q12-0 .tweet-author.⭐️4s2q12-0 .tweet-author-handle.⭐️4s2q12-0{font-weight:400;color:#789}.tweet-embed.⭐️4s2q12-0 .tweet-media-container.⭐️4s2q12-0{width:100%;overflow:hidden;border-radius:.75rem;border:1px solid black margin-bottom: 1rem}.tweet-embed.⭐️4s2q12-0 .tweet-media-grid.⭐️4s2q12-0,.tweet-embed.⭐️4s2q12-0 .tweet-media-container.⭐️4s2q12-0{max-height:366px}.tweet-embed.⭐️4s2q12-0 .tweet-media-grid.⭐️4s2q12-0{display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;grid-gap:.25rem}.tweet-embed.⭐️4s2q12-0 .tweet-media-grid[data-count="2"].⭐️4s2q12-0,.tweet-embed.⭐️4s2q12-0 .tweet-media-grid[data-count="3"].⭐️4s2q12-0,.tweet-embed.⭐️4s2q12-0 .tweet-media-grid[data-count="4"].⭐️4s2q12-0{grid-template-columns:repeat(2,1fr)}.tweet-embed.⭐️4s2q12-0 .tweet-media-grid[data-count="3"].⭐️4s2q12-0 img:first-child.⭐️4s2q12-0{grid-column:span 2 / span 2}.tweet-embed.⭐️4s2q12-0 .tweet-media-container.⭐️4s2q12-0 img.⭐️4s2q12-0{border-radius:0;width:100%;height:100%;object-fit:cover;overflow:hidden}.tweet-embed.⭐️4s2q12-0 .tweet-media-container.⭐️4s2q12-0 .tweet-media-with-play-button.⭐️4s2q12-0{position:relative}.tweet-embed.⭐️4s2q12-0 .tweet-media-container.⭐️4s2q12-0 .tweet-media-with-play-button.⭐️4s2q12-0 .tweet-media-play-button.⭐️4s2q12-0{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.6;transition:opacity .2s}.tweet-embed.⭐️4s2q12-0 .tweet-media-container:hover.⭐️4s2q12-0 .tweet-media-with-play-button.⭐️4s2q12-0 .tweet-media-play-button.⭐️4s2q12-0,.tweet-embed.⭐️4s2q12-0 .tweet-media-container:focus.⭐️4s2q12-0 .tweet-media-with-play-button.⭐️4s2q12-0 .tweet-media-play-button.⭐️4s2q12-0{opacity:1}.tweet-embed.⭐️4s2q12-0 .tweet-quoted.⭐️4s2q12-0{margin-bottom:1rem}.tweet-embed.⭐️4s2q12-0 .tweet-quoted.⭐️4s2q12-0 .tweet-media-container.⭐️4s2q12-0{max-height:160px}.tweet-embed.⭐️4s2q12-0 .tweet-quoted.⭐️4s2q12-0 .tweet-media-grid.⭐️4s2q12-0{margin-top:-40px;max-height:unset}.tweet-embed.⭐️4s2q12-0 .tweet-quoted.⭐️4s2q12-0 .tweet-embed.⭐️4s2q12-0{margin:0;padding:1rem 1rem 0}.tweet-embed.⭐️4s2q12-0 .tweet-quoted.⭐️4s2q12-0 .tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0,.tweet-embed.⭐️4s2q12-0 .tweet-quoted.⭐️4s2q12-0 .tweet-embed.⭐️4s2q12-0 .tweet-time.⭐️4s2q12-0{display:none}.tweet-time.⭐️4s2q12-0 a.⭐️4s2q12-0{color:#000}.tweet-embed.⭐️4s2q12-0 .tweet-ref-metadata.⭐️4s2q12-0{display:flex;flex-direction:column;width:100%;border:1px solid lightslategray;margin-bottom:1rem;border-radius:.75rem;color:#000}.tweet-embed.⭐️4s2q12-0 .tweet-ref-metadata.⭐️4s2q12-0 .tweet-ref-metadata-title.⭐️4s2q12-0{padding:.75rem .75rem 0;font-weight:700;font-size:smaller}.tweet-embed.⭐️4s2q12-0 .tweet-ref-metadata.⭐️4s2q12-0 .tweet-ref-metadata-description.⭐️4s2q12-0{padding:0 12px 4px;font-weight:400;color:black font-size: small}.tweet-embed.⭐️4s2q12-0 .tweet-ref-metadata.⭐️4s2q12-0 .tweet-ref-metadata-image.⭐️4s2q12-0{border-radius:.75rem .75rem 0 0;width:100%;height:100%;object-fit:cover;overflow:hidden}.tweet-embed.⭐️4s2q12-0 .tweet-ref-metadata.⭐️4s2q12-0 .tweet-ref-metadata-domain.⭐️4s2q12-0{padding:0 12px 4px;display:inline-flex;align-items:center;font-size:small}.tweet-embed.⭐️4s2q12-0 .tweet-ref-metadata.⭐️4s2q12-0 .tweet-ref-metadata-domain.⭐️4s2q12-0 svg.⭐️4s2q12-0{margin-right:12px}.tweet-embed.⭐️4s2q12-0 .tweet-ref-metadata:hover.⭐️4s2q12-0,.tweet-embed.⭐️4s2q12-0 .tweet-ref-metadata:focus.⭐️4s2q12-0{text-decoration:none;background-color:#d3d3d3}.dark.⭐️4s2q12-0 .tweet-embed.⭐️4s2q12-0 .tweet-ref-metadata.⭐️4s2q12-0{border:1px solid black}.tweet-embed.⭐️4s2q12-0 .tweet-ref-metadata.⭐️4s2q12-0 img.⭐️4s2q12-0{max-height:300px}.tweet-embed.⭐️4s2q12-0 .tweet-time.⭐️4s2q12-0{padding-bottom:1rem;font-size:small;border-bottom:1px solid black}.tweet-embed.⭐️4s2q12-0 .tweet-time.⭐️4s2q12-0 a.⭐️4s2q12-0{font-weight:400;text-decoration:none}.tweet-embed.⭐️4s2q12-0 .tweet-time.⭐️4s2q12-0 a:hover.⭐️4s2q12-0,.tweet-embed.⭐️4s2q12-0 .tweet-time.⭐️4s2q12-0 a:focus.⭐️4s2q12-0{text-decoration:underline;color:#000}.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;font-size:small}.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 svg.⭐️4s2q12-0{height:18px;width:18px;z-index:1;fill:none}.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 a.⭐️4s2q12-0{display:flex;font-weight:400;align-items:center;color:inherit;text-decoration:none;position:relative;transition:color .2s linear}.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 a.⭐️4s2q12-0:before{content:"";display:block;width:36px;height:36px;border-radius:18px;background-color:#0000;position:absolute;left:-9px;z-index:0;transition:background-color .1s linear,transform .1s linear;transform:scale(.5)}.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 a:hover.⭐️4s2q12-0:before,.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 a:focus.⭐️4s2q12-0:before{transform:scale(1)}.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 a.⭐️4s2q12-0 span.⭐️4s2q12-0{margin:0 .75rem;z-index:1}.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 a.tweet-like:hover.⭐️4s2q12-0,.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 a.tweet-like:focus.⭐️4s2q12-0{color:#e0245e}.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 a.tweet-reply:hover.⭐️4s2q12-0,.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 a.tweet-reply:focus.⭐️4s2q12-0{color:#1da1f2}.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 a.tweet-retweet:hover.⭐️4s2q12-0,.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 a.tweet-retweet:focus.⭐️4s2q12-0{color:#19cf86}.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 a.tweet-link:hover.⭐️4s2q12-0,.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 a.tweet-link:focus.⭐️4s2q12-0{color:#1da1f2}.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 a.tweet-like:hover.⭐️4s2q12-0:before,.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 a.tweet-like:focus.⭐️4s2q12-0:before{background-color:#e0245e1a}.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 a.tweet-reply:hover.⭐️4s2q12-0:before,.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 a.tweet-reply:focus.⭐️4s2q12-0:before{background-color:#1da1f21a}.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 a.tweet-retweet:hover.⭐️4s2q12-0:before,.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 a.tweet-retweet:focus.⭐️4s2q12-0:before{background-color:#19cf861a}.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 a.tweet-link:hover.⭐️4s2q12-0:before,.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 a.tweet-link:focus.⭐️4s2q12-0:before{background-color:#1da1f21a}.tweet-embed.⭐️4s2q12-0 .tweet-ref-metadata-domain.⭐️4s2q12-0 svg.⭐️4s2q12-0 path.⭐️4s2q12-0,.tweet-embed.⭐️4s2q12-0 .tweet-stats.⭐️4s2q12-0 a:not(.tweet-link.⭐️4s2q12-0).⭐️4s2q12-0 svg.⭐️4s2q12-0 path.⭐️4s2q12-0{fill:currentColor}.tweet-link.⭐️4s2q12-0{display:flow-root;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preserveSpace.⭐️4s2q12-0{white-space:pre-wrap}.tweet-media-grid.⭐️4s2q12-0,.tweet-media-container.⭐️4s2q12-0{border:1px solid black}.tweet-embed.⭐️4s2q12-0 .tweet-embed.⭐️4s2q12-0{width:300px}
</style><div class="⭐️4s2q12-0 tweet-embed" q:key="7o_9"><a target="_blank" rel="noreferrer noopener" href="https://twitter.com/mhevery" class="⭐️4s2q12-0 tweet-author" q:key="7o_10"><img loading="lazy" src="https://pbs.twimg.com/profile_images/1628461105235492864/wSjxF6L0_bigger.jpg" alt="Miško Hevery (Builder.io/Qwik) avatar" class="⭐️4s2q12-0"><div class="⭐️4s2q12-0"><span class="⭐️4s2q12-0 tweet-author-name">Miško Hevery (Builder.io/Qwik)</span><span class="⭐️4s2q12-0 tweet-author-handle">@mhevery</span></div></a><blockquote class="⭐️4s2q12-0" q:key="7o_13"><span class="⭐️4s2q12-0 preserveSpace">Blank page with an embedded tweet. How bad can it be?</span><br class="⭐️4s2q12-0" q:key="7o_12"><br class="⭐️4s2q12-0" q:key="7o_12"><span class="⭐️4s2q12-0 preserveSpace">JS: 1.5MB 🤯</span><br class="⭐️4s2q12-0" q:key="7o_12"><span class="⭐️4s2q12-0 preserveSpace">PageSpeed score: 61/100 🤯</span><br class="⭐️4s2q12-0" q:key="7o_12"><span class="⭐️4s2q12-0 preserveSpace">Time to Interactive: 9 sec 🤯</span><br class="⭐️4s2q12-0" q:key="7o_12"><span class="⭐️4s2q12-0 preserveSpace">TBT: 1.7 sec 🤯</span><br class="⭐️4s2q12-0" q:key="7o_12"><br class="⭐️4s2q12-0" q:key="7o_12"><span class="⭐️4s2q12-0 preserveSpace">What hope does an average site have if a simple tweet requires MegaBytes of JS and seconds to interactivity?</span><br class="⭐️4s2q12-0" q:key="7o_12"><br class="⭐️4s2q12-0" q:key="7o_12"><br class="⭐️4s2q12-0" q:key="7o_12"><a target="_blank" rel="noreferrer noopener" href="https://t.co/0CJBe6LXCP" class="⭐️4s2q12-0 tweet-link" q:key="7o_11">https://t.co/0CJBe6LXCP</a></blockquote><a target="_blank" rel="noreferrer noopener" href="https://twitter.com/mhevery/status/1606438382561026049" class="⭐️4s2q12-0" q:key="7o_14"><div class="⭐️4s2q12-0 tweet-media-container"><div data-count="0" class="⭐️4s2q12-0 tweet-media-grid"></div></div></a><div class="tweet-quoted" q:key="7o_24"></div><div class="⭐️4s2q12-0 tweet-time" q:key="7o_27"><a target="_blank" rel="noreferrer noopener" href="https://twitter.com/mhevery/status/1606438382561026049" class="⭐️4s2q12-0">11:55 PM · Dec 23, 2022</a></div><div class="⭐️4s2q12-0 tweet-stats" q:key="7o_32"><a target="_blank" rel="noreferrer noopener" href="https://twitter.com/mhevery/status/1606438382561026049" class="⭐️4s2q12-0 tweet-reply"><svg width="18" height="18" viewBox="0 0 24 24" aria-hidden="true" class="⭐️4s2q12-0" q:key="7o_35"><g class="⭐️4s2q12-0"><path d="M14.046 2.242l-4.148-.01h-.002c-4.374 0-7.8 3.427-7.8 7.802 0 4.098 3.186 7.206 7.465 7.37v3.828c0 .108.044.286.12.403.142.225.384.347.632.347.138 0 .277-.038.402-.118.264-.168 6.473-4.14 8.088-5.506 1.902-1.61 3.04-3.97 3.043-6.312v-.017c-.006-4.367-3.43-7.787-7.8-7.788zm3.787 12.972c-1.134.96-4.862 3.405-6.772 4.643V16.67c0-.414-.335-.75-.75-.75h-.396c-3.66 0-6.318-2.476-6.318-5.886 0-3.534 2.768-6.302 6.3-6.302l4.147.01h.002c3.532 0 6.3 2.766 6.302 6.296-.003 1.91-.942 3.844-2.514 5.176z" class="⭐️4s2q12-0"></path></g></svg><span class="⭐️4s2q12-0">28</span></a><a target="_blank" rel="noreferrer noopener" href="https://twitter.com/intent/retweet?tweet_id=1606438382561026049" class="⭐️4s2q12-0 tweet-retweet"><svg width="18" height="18" viewBox="0 0 24 24" aria-hidden="true" class="⭐️4s2q12-0" q:key="7o_36"><g class="⭐️4s2q12-0"><path d="M23.77 15.67c-.292-.293-.767-.293-1.06 0l-2.22 2.22V7.65c0-2.068-1.683-3.75-3.75-3.75h-5.85c-.414 0-.75.336-.75.75s.336.75.75.75h5.85c1.24 0 2.25 1.01 2.25 2.25v10.24l-2.22-2.22c-.293-.293-.768-.293-1.06 0s-.294.768 0 1.06l3.5 3.5c.145.147.337.22.53.22s.383-.072.53-.22l3.5-3.5c.294-.292.294-.767 0-1.06zm-10.66 3.28H7.26c-1.24 0-2.25-1.01-2.25-2.25V6.46l2.22 2.22c.148.147.34.22.532.22s.384-.073.53-.22c.293-.293.293-.768 0-1.06l-3.5-3.5c-.293-.294-.768-.294-1.06 0l-3.5 3.5c-.294.292-.294.767 0 1.06s.767.293 1.06 0l2.22-2.22V16.7c0 2.068 1.683 3.75 3.75 3.75h5.85c.414 0 .75-.336.75-.75s-.337-.75-.75-.75z" class="⭐️4s2q12-0"></path></g></svg><span class="⭐️4s2q12-0">90</span></a><a target="_blank" rel="noreferrer noopener" href="https://twitter.com/intent/like?tweet_id=1606438382561026049" class="⭐️4s2q12-0 tweet-like"><svg width="18" height="18" viewBox="0 0 24 24" aria-hidden="true" class="⭐️4s2q12-0" q:key="7o_34"><g class="⭐️4s2q12-0"><path d="M12 21.638h-.014C9.403 21.59 1.95 14.856 1.95 8.478c0-3.064 2.525-5.754 5.403-5.754 2.29 0 3.83 1.58 4.646 2.73.814-1.148 2.354-2.73 4.645-2.73 2.88 0 5.404 2.69 5.404 5.755 0 6.376-7.454 13.11-10.037 13.157H12zM7.354 4.225c-2.08 0-3.903 1.988-3.903 4.255 0 5.74 7.034 11.596 8.55 11.658 1.518-.062 8.55-5.917 8.55-11.658 0-2.267-1.823-4.255-3.903-4.255-2.528 0-3.94 2.936-3.952 2.965-.23.562-1.156.562-1.387 0-.014-.03-1.425-2.965-3.954-2.965z" class="⭐️4s2q12-0"></path></g></svg><span class="⭐️4s2q12-0">546</span></a><a target="_blank" rel="noreferrer noopener" href="https://twitter.com/mhevery/status/1606438382561026049" class="⭐️4s2q12-0 tnk"><svg width="24" height="24" fill="none" viewBox="0 0 24 24" class="⭐️4s2q12-0" q:key="7o_38"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17.25 15.25V6.75H8.75" class="⭐️4s2q12-0"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17 7L6.75 17.25" class="⭐️4s2q12-0"></path></svg><span class="⭐️4s2q12-0"></span></a></div></div><script type="qwik/json">{"refs":{},"ctx":{},"objs":[],"subs":[]}</script></div>
<script type="module" async src="https://qwik-twitter.builder.io/tweet/1606438382561026049"></script>

Miško Hevery (Builder.io/Qwik)@mhevery

Blank page with an embedded tweet. How bad can it be?

JS: 1.5MB 🤯
PageSpeed score: 61/100 🤯
Time to Interactive: 9 sec 🤯
TBT: 1.7 sec 🤯

What hope does an average site have if a simple tweet requires MegaBytes of JS and seconds to interactivity?

https://t.co/0CJBe6LXCP

11:55 PM · Dec 23, 2022

28 90 546