Astro 6.1: Altæk myndfínstilling sem breytir öllu

Aðeins tveimur vikum eftir stóru 6.0-útgáfuna skilar Astro aftur. Útgáfa 6.1 kom út 26. mars – og þótt útgáfunúmerið bendi til smávægilegrar uppfærslu, felur hún í sér eiginleika sem breytir vinnuflæðinu fyrir myndasælar vefsíður í grundvallaratriðum: codec-sértækar myndstillingar beint í altækri stillingunni. Þar að auki koma útvíkkaðir SmartyPants-valkostir fyrir efni á öðrum tungumálum en ensku, i18n-fallback-leiðir fyrir samþættingar og nokkrar villuleiðréttingar sem skipta máli í daglegu starfi.

Altæk myndfínstilling með Sharp: Stilla einu sinni, beita alls staðar

Myndir eru stærsti árangursdrepari vefsins. Ekki vegna þess að þær eru til, heldur vegna þess að þær eru næstum aldrei rétt fínstilltar. Innbyggð myndþjónusta Astro, Sharp, hefur alltaf stutt nákvæma kóðunarvalkosti – mozjpeg-þjöppun fyrir JPEG, effort-stig fyrir WebP og AVIF, þjöppunarstig fyrir PNG. Vandamálið var: þessar stillingar þurftu að vera settar á hverja einustu `<Image />`-íhlut fyrir sig. Fyrir vefsíðu með hundruðum mynda er það ekki raunhæft. Fyrir verkefni viðskiptavina með vaxandi efnismagn enn síður.

Astro 6.1 leysir þetta með `image.service.config` í `astro.config.mjs`. Stillt einu sinni gilda kóðunarstaðlarnir fyrir hverja mynd sem unnin er við byggingu. JPEG með mozjpeg-þjöppun, WebP með skilgreindu effort-stigi og alpha-gæðum, AVIF með chroma-subsampling, PNG með hámarksþjöppun – allt stýrt miðlægt á einum stað. Einstakar `quality`-stillingar á tilteknum myndum yfirskrifa enn altæku sjálfgildin, svo altæk og staðbundin stýring virka saman án árekstra.

Fyrir vinnu mína þýðir þetta nákvæmlega: Ég skilgreini myndfínstillingu einu sinni á hvert verkefni, sniðið að markhópi og hýsingaruppsetningu. Iðnfyrirtæki með verkefnagallerí, sjúkraþjálfunarstöðvar með teym- og rýmismyndir, framleiðslufyrirtæki með vörumyndir – hvert verkefni fær sína bestu stillingu án þess að ég þurfi að snerta hundruð einstakra íhluta. Það sparar þróunartíma og tryggir jafnframt samræmd myndgæði yfir alla vefsíðuna. Og samræmd gæði eru mælanleg: betri Core Web Vitals, hraðari hleðslutímar, færri Largest Contentful Paint-vandamál.

SmartyPants: Loksins leturrétt – einnig á þýsku og íslensku

Smáatriði sem hefur persónulega truflað mig í mörg ár: SmartyPants, bókasafnið sem Astro notar til að breyta greinarmerkjum sjálfkrafa í leturrétt jafngildi, gerði alltaf ráð fyrir enskum venjum. Franskar gæsalappir, þýsk tilvitnunarmerki eða íslensk greinasetning? Ekki mögulegt nema slökkva algjörlega á SmartyPants og útfæra allt sjálfur.

Astro 6.1 opnar fulla SmartyPants-stillingu. Hverri umbreytingu er hægt að stýra sérstaklega – frá stíl tilvitnunarmerkja til tankastriksafbrigða til úrfellingarmótunar. Hjá NORDWYND, þar sem allt efni birtist á þýsku, ensku og íslensku, er þetta meira en gott að hafa. Það þýðir að Markdown-efni birtist með leturréttum greinarmerkjum á hverju tungumáli, án hjáleiða eða handvirkrar eftirvinnslu. Fagleg leturlist er ekki munaður – hún er gæðamerki sem gestir skynja ómeðvitað og sem byggir traust.

i18n-fallback-leiðir og hvað þær þýða fyrir fjöltyngd verkefni

Astro 6.1 birtir `fallbackRoutes` á hverri leið í `astro:routes:resolved`-króknum. Það sem hljómar tæknilega hefur mjög hagnýt áhrif: samþættingar eins og `@astrojs/sitemap` geta nú sjálfkrafa tekið i18n-fallback-síður inn í myndaða síðukortið. Áður voru þessar leiðir ósýnilegar samþættingum – fallback-síður vantaði hljóðlega úr síðukortinu, sem hafði áhrif á SEO-sýnileika fjöltyngdra vefsíðna.

Fyrir verkefni sem nota `fallbackType: 'rewrite'` og halda ekki sérstöku efni fyrir hverja locale er þetta hljóðlát en mikilvæg lagfæring. Google skráir aðeins það sem er í síðukortinu eða tengt. Vantar fallback-leiðir þýddi vantar skráningu. Þetta vandamál er nú leyst.

Smáatriðin sem skipta máli

Fyrir utan fyrirsagnareiginleikana inniheldur Astro 6.1 nokkrar endurbætur sem merkjast í daglegri notkun. View transitions á farsímum keyra nú betur – biðlari-leiðin greinir þegar vafrinn er þegar að veita sína eigin sjónrænu umbreytingu, eins og stroku í iOS Safari, og sleppir hreyfimynda-tvöföldun. Þetta útilokar flöktið sem gat áður komið upp við að fletta fram og til baka með bendingum.

CSRF-vörn virkar nú rétt á bak við reverse proxies. `checkOrigin` les `X-Forwarded-Proto`-hausinn á meðan `astro dev` keyrir, sem kemur í veg fyrir rangar 403-villur við innsendingu eyðublaða. Og nokkrar React-hydration-villur hafa verið lagfærðar, þar á meðal vandamál með skilyrt slot-birtingu og `experimentalReactChildren`-misræmi.

Af hverju þessi uppfærsla er meira en punktaútgáfa

Astro 6.1 sýnir hvað Astro-teymið gerir rétt: ekki bara að skila stórum eiginleikum, heldur að skerpa verkfærin fyrir framleiðsluvinnu. Altæk myndfínstilling hljómar óspennandi – en fyrir alla sem reka vefsíður með raunverulegu efni er það munurinn á „snerta hverja mynd handvirkt” og „stilla einu sinni, njóta góðs til frambúðar.” Ásamt Font API frá Astro 6.0 höfum við nú umhverfi sem meðhöndlar afkastafínstillingu ekki sem þróunaraðilaverkefni, heldur sem innviðaeiginleika.

Fyrir viðskiptavini mína þýðir þetta: hraðari vefsíður, samræmdari gæði og minni viðhaldsbyrði. Og þetta er nákvæmlega sá staðall sem ég set á hvert verkfæri í mínum stafla.