"Jamstack? Slowwwww???." ??? ?? Jamstack? ??? ?? ??? ??? ? ?? ?? ????. ??? Jamstack ?????? ?? ??? ?? ? ????. Jamstack? ???? ???? ??? ????? ???? ????. ??? ??? ?????. ??? ??? Jamstack ???? ??? ?? ?? ??? ??? ?? ?????.

??? ????? ?? ?? ??? ???? ?? ?? ??? ???? ?? ? ????. ???? ?? ???? Google Lighthouse? ???? ??? ?? ?? 100?? ???? ????? Dismal 17? ???? ?? ?? ??? ?????.

?? Jamstack ??? ??

??? Gatsby? ??? ????. ?? Gatsby Cli? ??????.

 NPM ?? -G ??? ??

??? Gatsby ??? ??? :

 ??? ??? ??? jamstack

???? ????? ???? ?? ??? ??????.

 CD ??? jamstack
???? ??

?? ???? ?? ?? ??? ?????. Vercel? ??? ??? ???? ?????. Vercel Cli? ???? ???????.

 NPM ?? -G vercel -cli
Vercel

??? ???? Vercel? ?????. ?? Gatsby ???? ????? ???? 100 ?? ????. ??? ??? ??? ?? ? ? ??? ???.

CS? ??? ?????

CSS ??? ??? ????? ??? ??? ??? ????? ?????? ???? ??? ??? ? ? ????. ??? ??? ????? ?? ?? ? ??? ?? ?? CSS-in-JS? ??????.

??? ??? ??? ? ???? : jQuery (???)? ??? ?? Semanticui ??? ??? ???????. ??? HTML. ?? <code>html.js ??? ???????.

 cp .Cache/default-html.js src/html.js

?? ?? Semanticui ??? ??? jQuery? src/html.js ? ??????.

<link href="https://cdn.jsdelivr.net/npm/%5Bemail%C2%A0protected%5D/dist/semantic.css" rel="stylesheet">

?? ?? ?? :

 vercel-prod

?? ??? 66?? ?????, ???? CSS??????? ??? ?? ?????. ??? (TTI)??? ??? ?? ?????.

??? ????? ??? ?????

src/html.js ? Google ? ?? ?? ? Facebook ?? ????? ???????. :

 

<img  src="/static/imghw/default1.png" data-src="https://img.php.cn/" class="lazy"    style="max-width:90%"  style="max-width:90%" alt="Jamstack? ??? ???????? ??? ?? ??????." >

?? ?? :

 vercel-prod

??? 51? ?????.? ?? ????? ???? ??? ??? ????.

???? ??? ?????

https://placeimg.com ?? index.js ? 100 ?? ???? ???? ????? ???????.

 const indexpage = () => {
  const items = array.from ({length : 100}, (_, i) => (
    <img key="{i}" src="%7B%60https://placeimg.com/200/200/%24%7Bi%7D%60%7D" alt="Jamstack? ??? ???????? ??? ?? ??????.">
  ));

  ?? (
    <layout>
      {??}
    </layout>
  );
};

?? ???? ?? ??? 17 ?, 16.5 ????.

??? ?? ??? ??? ??? ????. Jamstack??? ??? ??? ????.

?? ??

Jamstack? ?? ?? ??? ?? ??? Edge ????? ? ??? (TTFB)? ??? ????. ??? ?? ? ????? ????. ??? ????? ? ???? ??? ??????. ?? ?? ??? ?????? ?? ??? ??? ???? ????? ????. ? ??? Jamstack??? ??? ?? ??????? ????? ?? ?????.

? ??? Jamstack? ??? ???????? ??? ?? ??????.? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!