Hacker News

Yanvar Servoda: əvvəlcədən yükləmələr, daha yaxşı formalar, detalların tərtibatı və s

Şərhlər

18 min read Via servo.org

Mewayz Team

Editorial Team

Hacker News
Məqaləni Servo-nun inkişafı və qeyd olunan mövzular haqqında bildiklərimə əsaslanaraq yazacağam - resursun əvvəlcədən yüklənməsi, forma təkmilləşdirmələri, `
` elementinin üslubu və daha geniş veb mühərrik tərəqqisi. İcazə verin bunu indi hazırlayım.

Brauzerinizin Mühərrikində Baş verən Sakit İnqilab

Hər dəfə linki kliklədiyiniz, formanı təqdim etdiyiniz və ya vebsaytda yığıla bilən bölməni genişləndirdiyiniz zaman, millisaniyələrdə təcrübəsi olan heyrətamiz dərəcədə mürəkkəb proqram təminatı parçası işləyir. Brauzer mühərrikləri - Chrome, Firefox, Safari və Servo kimi inkişaf etməkdə olan iddiaçıların əsasları - indiyə qədər qurulmuş ən mürəkkəb proqram layihələri arasındadır. Lakin onların aylıq tərəqqi hesabatları nadir hallarda başlıqlara çevrilir. Bu səhvdir. Bu mühərriklərdə baş verən artımlı təkmilləşdirmələr biznes alətlərinizin nə qədər sürətli yükləndiyini, formalarınızın müştəri məlumatlarını necə etibarlı şəkildə ələ keçirdiyini və veb tətbiqlərinizin nə qədər cilalanmış hiss etdiyini birbaşa formalaşdırır. Brauzer vasitəsilə 207 modul təqdim edən Mewayz kimi platformalar üçün – CRM panellərindən tutmuş faktura iş axınlarına qədər – hər bir mühərrik səviyyəsində təkmilləşdirmə bütün dünyada 138 000-dən çox istifadəçi üçün daha yaxşı təcrübəyə çevrilir.

Resursların Öncədən Yüklənməsi: Biznes Proqramı üçün Millisaniyələrin Nə üçün Önəmi Vardır

Resursların əvvəlcədən yüklənməsi, öz çəkisindən xeyli yuxarı zərbə vuran radar altında olan brauzer funksiyalarından biridir. Konsepsiya sadədir: teqlərindən istifadə edərək tərtibatçılar brauzerə kritik aktivləri - şriftləri, üslub cədvəllərini, skriptləri, şəkilləri - təhlilçi təbii olaraq HTML-də aşkar etməzdən əvvəl almağa başlamasını söyləyə bilər. Brauzer mühərriki əvvəlcədən yükləmə tətbiqini təkmilləşdirdikdə, müasir standartlar əsasında qurulmuş hər bir veb tətbiqi proqram kodunun bir sətrini dəyişmədən daha sürətli olur.

Servonun əvvəlcədən yükləmə dəstəyi üzrə işi əhəmiyyətlidir, çünki o, müstəqil, Rust əsaslı mühərrikin spesifik uyğunluq sərhədlərini necə sıxışdıra biləcəyini nümayiş etdirir. Əvvəlcədən yükləmənin düzgün idarə edilməsi o deməkdir ki, istifadəçi mürəkkəb tablosunu açanda - məsələn, qrafiklər, işçi kartları və ixrac düymələri ilə əmək haqqı cədvəli icmalı - brauzer sənəd ağacının dərinliklərində həmin resurslarla qarşılaşana qədər gözləmək əvəzinə, ilkin HTML-nin gəldiyi andan diaqram kitabxanasını və şrift fayllarını almağa başlaya bilər. Nəticə daha az boş ekran, daha az düzən yerdəyişməsi və nəzərəçarpacaq dərəcədə sürətli hissdir.

Sıx, modulla zəngin interfeyslərə xidmət edən SaaS platformaları üçün əvvəlcədən yükləmə təkmilləşdirmələri akademik deyil. 2023-cü ildə Google-un Veb Performansı komandası tərəfindən aparılan araşdırma aşkar etdi ki, Ən Böyük Məzmunlu Boyadan 100 ms-ni qırxmaq e-ticarət saytları üçün 0,7% dönüşüm nisbətlərinin artması ilə əlaqələndirilir. Biznes platformaları oxşar qazanclar görür: daha sürətli yükləmə vaxtları daha az tərk edilmiş sessiyalar, daha çox tamamlanmış hesab-fakturalar və analitik hesabatlarla daha yüksək əlaqə deməkdir.

Daha yaxşı formalar: Hər bir iş axınının əsası

Ön yükləmə sürətlə bağlıdırsa, forma təkmilləşdirmələri düzgünlük və istifadəyə yararlılıq ilə bağlıdır. HTML formaları istifadəçilərin biznes proqram təminatı ilə qarşılıqlı əlaqədə olduğu əsas mexanizm olaraq qalır - kontaktlar yaratmaq, fakturaları təqdim etmək, görüşləri planlaşdırmaq, əmək haqqı məlumatlarını daxil etmək. Brauzer mühərrikinin daha zərif idarə etdiyi hər bir kənar vəziyyət daha az narazı istifadəçi və proqram tərtibatçısı üçün daha az dəstək bileti deməkdir.

Formaların idarə edilməsində təkmilləşdirmələr adətən bir neçə sahəni əhatə edir: daha yaxşı doğrulama mesajının göstərilməsi, göndərmə düymələrində formalaşdırmaforma metodu atributlarının daha dəqiq işlənməsi, forma nəzarətləri ilə naviqasiya edən ekran oxuyucuları üçün təkmilləşdirilmiş əlçatanlıq və kənar formalar üçün dinamik olaraq qoyulmuş standart və ya HTML Living Standard ilə daha sıx uyğunlaşma. Servo-nun bu sahələrdə irəliləyişi xüsusilə diqqətəlayiqdir, çünki o, daha yeni, yaddaşa təhlükəsiz mühərrikin Blink və Gecko-da onilliklər köhnə tətbiqləri ilə paritetə nail ola biləcəyini təsdiqləyir.

Mewayz kimi platforma daxilində real dünya ssenarisini nəzərdən keçirin: istifadəçi şəxsi məlumatları, vergi məlumatlarını və imtiyazların qeydiyyatını əhatə edən çox mərhələli işçi qəbulu formasını doldurur. Brauzer mühərriki şərti olaraq görünən sahədə tələb olunan atributunu səhv idarə edərsə və ya addımlar arasında hərəkət edərkən forma vəziyyətini düzgün bərpa edə bilmirsə, istifadəçi natamam məlumat təqdim edə bilər və ya daha da pisi, öz irəliləyişini tamamilə itirə bilər. Bunlar mühərrik səviyyəsində daha yaxşı forma tətbiqləri ilə aradan qaldırılan incə səhvlərdir.

Təfsilatlar Elementinin üslubu: Kiçik Teqlər, Böyük UX Təsiri

HTML elementləri yerli, JavaScript-siz yığıla bilən məzmun təmin edir — Tez-tez verilən suallar bölmələri, genişləndirilə bilən menyular, mütərəqqi açıqlama nümunələri. İllərdir ki, bu elementləri ardıcıl olaraq brauzerlər arasında tərtib etmək tərtibatçılar üçün ağrılı bir nöqtə olmuşdur. Hər bir mühərrik açıqlama üçbucağı və məzmun sahəsi üçün bir qədər fərqli psevdoelementlər, marker davranışları və animasiya imkanları tətbiq etdi.

üslubunda irəliləyiş vacibdir, çünki o, tərtibatçılara JavaScript-in ağır akkordeon kitabxanalarına çatmadan daha zəngin, daha əlçatan interfeyslər qurmağa imkan verir. Mühərrik yerli olaraq hamar açma/bağlama keçidlərini, fərdi marker ikonalarını və proqnozlaşdırıla bilən doldurma davranışını dəstəklədikdə, yaranan UI daha yüngül, daha sürətli və köməkçi texnologiyalar üçün daha əlçatan olur.

Əsas fikir: Brauzer mühərriklərinin düzgün tətbiq etdiyi hər bir yerli HTML funksiyası tətbiqinizin göndərilməsi üçün lazım olan JavaScript asılılığından bir az azdır – paketin ölçüsünü azaldır, yükləmə müddətlərini yaxşılaşdırır və üçüncü tərəf kitabxana yeniləmələrindən gələn səhvlərin bütün kateqoriyasını aradan qaldırır.

Biznes tətbiqləri açıqlama nümunələrinin ağır istifadəçiləridir. Mewayz daxilində, CRM kimi modullar əlaqə fəaliyyəti tarixçəsini göstərmək üçün genişləndirilə bilən sıralardan istifadə edir, faktura modulu sətir elementi təfərrüatları üçün yığıla bilən bölmələrdən istifadə edir və HR modulu işçi qeydləri üçün mütərəqqi açıqlamaya əsaslanır. Brauzer mühərrikləri

üslubunu etibarlı şəkildə idarə etdikdə, bu nümunələr çoxlu doldurma və ya həll yolları tələb etmədən Chrome, Firefox, Safari və - getdikcə daha çox - Servo-da ardıcıl işləyir.

Niyə Servo-nun tərəqqisi daha geniş veb ekosistemi üçün vacibdir

Servo sadəcə başqa bir brauzer mühərriki deyil. Əvvəlcə Mozilla Research tərəfindən yaradılmış və hazırda Linux Foundation Europe tərəfindən dəstəklənən o, yaddaş təhlükəsizliyi və paralellik üçün nəzərdə tutulmuş Rust dilində yazılmışdır. Bu vacibdir, çünki kritik brauzer təhlükəsizliyi zəifliklərinin əksəriyyəti tarixən C++ kod bazalarında yaddaş təhlükəsizliyi səhvlərindən qaynaqlanır. İstehsala hazır Rust əsaslı mühərrik internetin təhlükəsizlik mənzərəsini əsaslı şəkildə dəyişə bilər.

Təhlükəsizliyə əlavə olaraq, Servo-nun arxitekturası aqressiv paralelliyə imkan verir. Onun layout mühərriki eyni vaxtda CPU nüvələri arasında səhifənin birdən çox hissəsini emal edə bilər ki, bu da dərin daxili DOM ağacları olan mürəkkəb veb proqramlar üçün xüsusilə faydalıdır. Mewayz kimi biznes OS üçün – burada bir səhifə 500 cərgəli məlumat cədvəlini, 207 modul keçidi ilə yan panel naviqasiyası və real vaxt bildiriş panelini göstərə bilər – paralel tərtibin hesablanması birbaşa daha hamar renderə və daha az interaktiv vaxta çevrilir.

Daha geniş ekosistem, əksər istifadəçilər onu heç vaxt birbaşa idarə etməsə belə, Servo-nun mövcudluğundan faydalanır. Servo-nun CSS və tərtibat komponentləri artıq Firefox tərəfindən qəbul edilib (Stylo CSS mühərriki vasitəsilə) müstəqil mühərrik inkişafının ortaq dəyər yaratdığını sübut edir. Hər aylıq tərəqqi hesabatı — bu ay əvvəlcədən yüklənir, növbətisini təşkil edir — vebin Blink və WebKit-dən başqa etibarlı üçüncü mühərrik seçiminə malik olduğu gələcəyə doğru qurulur.

💡 DID YOU KNOW?

Mewayz replaces 8+ business tools in one platform

CRM · Invoicing · HR · Projects · Booking · eCommerce · POS · Analytics. Free forever plan available.

Start Free →

Veb tərtibatçıları nələrə diqqət etməlidirlər

Aylıq mühərrik tərəqqi hesabatları sıxdır, lakin biznes üçün kritik tətbiqlər yaradan tərtibatçılar bir neçə əsas təkmilləşdirmə kateqoriyasına diqqət yetirməlidirlər:

  • Spec uyğunluq düzəlişləri — Bunlar istehsalda incə səhvlərə səbəb olan brauzerlər arası uyğunsuzluqları aradan qaldırır. Mühərrik flexbox boşluq hesablamalarını və ya grid avtomatik yerləşdirməni idarə etdikdə, planlarınız daha proqnozlaşdırıla bilən olur.
  • Performans primitivləri — Əvvəlcədən yükləmə, tənbəl yükləmə, məzmunun görünməsi və gətirmə prioritet göstərişləri hamısı mühərrik səviyyəsində dəstəkdən asılıdır. Hər təkmilləşdirmə mövcud optimallaşdırma strategiyalarınızı daha effektiv edir.
  • Əlçatımlılıq təkmilləşdirmələri — Daha yaxşı ARIA rol xəritəsi, təkmilləşdirilmiş diqqət idarəçiliyi və dinamik məzmun üçün düzəliş edilmiş ekran oxuyucusu elanları tətbiqinizin hər kəs tərəfindən istifadə oluna biləcəyini təmin edir.
  • Təhlükəsizliyin gücləndirilməsi — Proses izolyasiyasının təkmilləşdirilməsi, daha sərt CORS tətbiqi və yaddaş təhlükəsizliyi təkmilləşdirmələri istifadəçilərinizi brauzer qatını hədəf alan hücumlardan qoruyur.
  • Yeni CSS imkanları:has(), konteyner sorğuları və lövbər yerləşdirmə kimi funksiyalar əvvəllər JavaScript tələb edən UI nümunələrini açır, bu da ön kod bazanızda mürəkkəbliyi azaldır.

Mewayz kimi platformalarda qurulan komandalar üçün bu təkmilləşdirmələr birləşir. Mühərrik formaları daha düzgün təqdim etdikdə, əvvəlcədən yükləmələri səmərəli idarə etdikdə və yerli elementləri proqnozlaşdırıla bilən şəkildə tərtib etdikdə, tətbiq təbəqəsi brauzerin həll yollarından çox biznes məntiqinə diqqət yetirə bilər.

Açıq İnternetdə Qurulma: Strateji Üstünlük

Servonun yanaşmasında brauzer mühərriklərindən kənara çıxan strateji dərs var. Açıq standartlara əsaslanaraq, yaddaş üçün təhlükəsiz bir dildən istifadə etməklə və şəffaf aylıq tərəqqi hesabatlarını saxlamaqla, layihə artan inam və faydalılıq yaradır. Eyni fəlsəfə biznes proqram təminatı seçiminə də aiddir. Açıq veb texnologiyaları üzərində qurulmuş platformalar — istənilən müasir brauzer vasitəsilə əldə edilə bilər, özəl proqram mağazası və ya masaüstü müştəri üçün kilidlənmir — hər bir mühərrik təkmilləşdirməsini avtomatik olaraq miras alır.

Mewayz bu prinsiplə fəaliyyət göstərir. Brauzer əsaslı biznes OS olaraq, göstərmə sürəti, formaların idarə edilməsi və CSS imkanlarında hər bir təkmilləşdirmə proqram yeniləmələri və ya əl quraşdırmaları tələb etmədən birbaşa istifadəçilərə axır. Servo və ya hər hansı mühərrik

üslubunu təkmilləşdirdikdə, Mewayz-in yığıla bilən UI nümunələri daha yaxşı olur. Əvvəlcədən yükləmə dəstəyi yetişdikdə, platformanın 207 modulu daha sürətli yüklənir. Bu, açıq internetdə qurmağın gücüdür: İnfrastrukturunuz onu təkmilləşdirən siz deyilsinizsə belə, təkmilləşir.

Veb platforma yerində dayanmır. Servo kimi mühərrik qruplarının aylıq tərəqqi hesabatları xatırladır ki, hər bir SaaS tətbiqinin, hər bir iş tablosunun və hər bir müştəriyə baxan formanın altındakı təməl fəal şəkildə daha sürətli, daha təhlükəsiz və daha bacarıqlı olur. Bu təmələ diqqət yetirmək və onu ağıllı şəkildə qurmaq müasir biznesin qəbul edə biləcəyi ən yüksək təsirli qərarlardan biridir.

Gələcəyə Baxmaq: Mühərrik Səviyyəsində Tərəqqinin Qarışıq Təsiri

Brauzer mühərrikindəki hər bir fərdi təkmilləşdirmə — burada əvvəlcədən yükləmə düzəlişi, orada forma düzəlişi,

elementində üslubun təkmilləşdirilməsi — ayrılıqda kiçik görünə bilər. Lakin bu dəyişikliklər milyonlarla veb-səhifə və milyardlarla istifadəçi qarşılıqlı əlaqəsi ilə mürəkkəbləşir. Bir il ərzində onlarla artan təkmilləşdirmələr ölçülə bilən dərəcədə daha sürətli, daha etibarlı və daha əlçatan veb təcrübələri əldə edir.

Əməliyyatlarını idarə etmək üçün veb-əsaslı alətlərə arxalanan bizneslər üçün - CRM və fakturadan tutmuş HR və donanma idarəçiliyinə qədər - bu birləşmə effekti səssiz bir arxa küləyidir. Flexbox tətbiqini təyin edən və ya resursun əvvəlcədən yükləmə boru xəttini optimallaşdıran brauzer mühərrikindən faydalanmaq üçün ərizənizi yenidən yazmağa ehtiyac yoxdur. Siz sadəcə olaraq standartlar üzərində qurmalı, mühərriklər arasında sınaqdan keçirməli və Servo, Blink, Gecko və WebKit-in arxasında duran komandaların platformanı davamlı olaraq təkmilləşdirdiyinə inanmalısınız.

Növbəti dəfə biznes idarə panelini açdıqda və o, xatırladığınızdan saniyənin bir hissəsini daha sürətli yüklədikdə və ya yığıla bilən bölmə bir az daha rəvan canlandırdıqda kimə təşəkkür edəcəyinizi biləcəksiniz: mühəndislər "öncədən yükləmələr, daha yaxşı formalar, detalların tərtibatı və s." kimi başlıqlarla aylıq tərəqqi hesabatları yazırlar. Bu sakit yeniləmələr hər şeyin üzərində qurulan təməldir.

Mewayz ilə biznesinizi sadələşdirin

Mewayz 207 biznes modulunu bir platformaya gətirir — CRM, faktura, layihənin idarə edilməsi və s. İş axınını sadələşdirən 138 000+ istifadəçiyə qoşulun.

Bu gün Pulsuz Başlayın→a>