Home Blogs Was die Geschwindigkeit Ihres Web Builder behindert
Applications

Was die Geschwindigkeit Ihres Web Builder behindert

About The Author

Outline

Ursprüngliche Quelle: Layer0

Hut ab vor dem Team, das Ihre Website glänzt. Erstellen, Verwalten, Debuggen, Aktualisieren, Sichern, und die Überwachung einer modernen Webanwendung kann das Zusammenfügen von mehr als 20 unterschiedlichen Cloud-Primitiven und Web-Services erfordern. Es ist nicht einfach – Ihr Team kämpft jeden Tag gegen Drachen, um das Beste für Ihr Unternehmen zu tun.

Aber was, wenn sie nicht so viele Drachen bekämpfen müssten? Was wäre, wenn Updates doppelt so schnell veröffentlicht werden könnten? Was wäre, wenn sie wichtige Informationen zur Hand hätten, die sich auf das Geschäftsergebnis auswirken könnten? Und was, wenn Ihre Website im Handumdrehen geladen wird? Stellen Sie sich vor, was erreicht werden könnte.

Warum die Geschwindigkeit von Buildern so wichtig ist (Tipp: Es ist Geld)

Die Geschwindigkeit der Builder steht in starkem Zusammenhang mit dem Umsatz und den Kosteneinsparungen des Unternehmens.

Eine höhere Produktivität spiegelt sich immer auf der Kostenseite der Bilanz wider, aber wie sieht es mit den Auswirkungen auf die Einkommensseite der Bilanz aus? Gibt es eine Korrelation? Das globale Management-Consulting-Unternehmen McKinsey&Company entschied sich, es herauszufinden.

Die Ergebnisse waren atemberaubend. Das Umsatzwachstum der Unternehmen ist bis zu fünfmal höher, wenn sie über eine Spitzenentwicklergeschwindigkeit verfügen.

Die Studie von McKinsey ergab, dass Unternehmen im obersten Viertel des Developer Velocity Index (DVI) andere Unternehmen auf dem Markt um das 4- bis 5-fache übertreffen

„Software frisst die Welt“ bestimmt die Geschwindigkeit, mit der Updates geliefert werden, ob Sie auf dem Markt versinken oder schwimmen werden.

Was hält die Geschwindigkeit des Web Builders zurück?

In den letzten 10 Jahren hat AWS (Amazon Web Services) die Art und Weise, wie wir Software- und Hardwareinfrastruktur kaufen und nutzen, völlig verändert. Sie und ihre Mitbewerber haben Tausende von Point Services – Cloud Primitives – wie Computing und Storage entwickelt. Diese Services sind zu den Hämmern und Nägeln geworden, die Teams zusammenstellen und warten mussten, um Webanwendungen zu erstellen.

Leider sind die Bemühungen in zu vielen Fällen außer Kontrolle geraten. Unternehmen haben ganze Teams mit knappen, teuren Talenten zusammengetragen. Und allzu oft wird der Großteil ihrer Ressourcen nun einfach dafür verwendet, die Anwendung skalierbar zu halten. Viele Teams sind mit nicht-funktionalen Anforderungen (NFRS) wie Interoperabilität, Zuverlässigkeit, Skalierbarkeit und anderen „itys“ konfrontiert. Viele verbringen mehr Zeit mit NFRS als mit der Verbesserung der App selbst.

Heute sind in der Regel mehr als 20 „Cloud Primitives“ erforderlich, um eine moderne Web-App bereitzustellen. Viele Unternehmen setzen mindestens drei Anbieter für Cloud-Infrastruktur, CDN, Sicherheit, Beobachtungsfähigkeit und kontinuierliche Integration/kontinuierliche Bereitstellung ein. Hier ein Beispiel für die Komponenten, die für eine Webanwendung zusammengebaut werden müssen:

Komponenten in einer typischen Webanwendung

Moderne Web-Apps erfordern verschiedene Tools für Service- und Edge-Konfiguration, Domänen und Sicherheit, Integritätsprüfungen und Entwicklung. Schlimmer noch, die Arbeit ist nicht einfach und erfordert Experten, die schwer zu rekrutieren und zu binden sind. Einige CTOs haben sich darüber beschwert, dass sie diese Experten Schulen, nur damit Cloud-Anbieter sie abwerben.

In The Developer Experience Gapschrieb Stephen O’Grady von Redmonk:

Die Fragmentierung macht es für Anbieter unmöglich, die erforderlichen Komponenten für eine vollständig integrierte Toolchain nativ zu liefern. Das ändert jedoch nichts an der Realität, dass Entwickler gezwungen sind, sich Zeit für das Schreiben von Code zu leihen und diese auf die Bewältigung der Probleme im Zusammenhang mit hochkomplexen, mehrstufigen Entwicklerwerkzeugketten, die durch Klebeband und Ballenpressdraht an einigen Stellen zusammengehalten werden, umzuleiten. Das ist also die Lücke zwischen Entwicklererfahrung. Derselbe Markt, der Entwicklern jede primitive Infrastruktur bietet, die sie sich wünschen könnten, sagt ihnen gleichzeitig, dass ihre Zusammensetzung ein Problem für Entwickler ist.

Das Problem dieses Entwicklers kann die Entwicklergeschwindigkeit bremsen, was wiederum das Umsatzwachstum bremsen kann.

Entwicklergeschwindigkeit Turboaufladung

Die gute Nachricht ist, dass es eine bessere Möglichkeit gibt, Ihre Apps und APIs zu erstellen, zu verwalten, zu debuggen und zu aktualisieren. Teams können die Leistungsfähigkeit dieser mehr als 20 Cloud-Primitive mit einer einzigen Plattform nutzen.

Der Fokus wird von der komplexen Rohrleitung auf die effiziente Optimierung verlagert, was zu schnelleren und zuverlässigeren Releases führt. Dies alles dank einer schnell wachsenden Bewegung namens AppOps, auch bekannt als JAMstack-Plattformen. AppOps stört den traditionellen CDN-Markt. CDN und Edge-Computing können nun eine einfache Funktion innerhalb eines viel größeren Angebots sein, ähnlich wie die Digitalkamera nach der Einführung des iPhones zu einer Funktion in Smartphones wurde.

Layer0 von Limelight ist eine Builder-freundliche AppOps-Plattform, die es Teams ermöglicht, sich auf die Verbesserung ihrer Apps ohne Ablenkung zu konzentrieren und gleichzeitig auf einem der weltweit größten und leistungsstärksten proprietären Netzwerke zu arbeiten. Diese Plattform hebt sich durch fünf Hauptvorteile von den anderen ab, darunter die Fähigkeit, schnell bereitzustellen, Sicherheit zu integrieren, vertrauensvoll zu veröffentlichen, sich zu einer Microservice-Architektur weiterzuentwickeln und Geld zu sparen.

Erstaunliches Entwicklererlebnis

Teams auf Layer0 veröffentlichen bis zu doppelt so schnell wie normale Teams mit integrierten Produktivitätstools, einschließlich Seiten, die auf einen Blick Möglichkeiten zur Verbesserung der Leistung und zeigen

JavaScript-konfigurierbares CDN

EdgeJS, eine JavaScript-basierte, performante, deklarative und Framework-unabhängige Edge-Konfigurationssprache, vereinfacht die Verwaltung der Edge. EdgeJS kann in die Frontend-Anwendung eingebettet werden, und da es deklarativ ist, müssen Entwickler nur ihre Ziele beschreiben, anstatt die gesamte Logik aufzuschreiben. Dadurch ist es einfach zu bedienen und zu warten.

Layer0-Teams sind in der Lage, ihre Edge-Logik während des gesamten Entwicklungsprozesses zu testen, zu überprüfen und zu versionieren. Dies bedeutet, dass Teams sich lokal gegen die Edge entwickeln können und hohe Cache-Trefferraten für dynamische Daten, die mit dem Anwendungscode verknüpft sind, sicherstellen können.

Armaturenbrett

Layer0-Übersichtsbildschirm

Layer0 Übersichtsbildschirm, der den Zustand Ihres Projekts auf einen Blick zusammenfasst, einschließlich Core Web Vitals, Datenverkehr, Fehler, Cache-Trefferrate, Prefetching-Statistiken, und letzte Aktivitäten.

QuickInfos werden über Diagramme auf demselben Bildschirm synchronisiert, sodass Informationen über mehrere Metriken hinweg leichter korreliert werden können. Wenn Sie beispielsweise den Mauszeiger über das Diagramm für die Cache-Trefferrate auf der Registerkarte Übersicht bewegen, erhalten Sie auch die QuickInfo für dasselbe Datum im Traffic-Diagramm.

Real User Monitoring (RUM)

Google ordnet Websites in der Suche basierend auf einer Reihe von Leistungskennzahlen, die Core Web Vitals genannt werden, ein Satz von Kennzahlen, die einen großen Einfluss auf die Benutzererfahrung haben. Mit Layer0 RUM Analytics können Sie die Auswirkungen von Änderungen Ihrer Website innerhalb von Minuten verstehen, anstatt Tage oder Wochen in der Google Search Console oder Page Speed Insights zu warten.

Es gibt Diagramme, die Seitenansichten, Verteilung und RUM-Ereignisse im Laufe der Zeit zeigen, sodass Sie erkennen können, was letzte Woche passiert ist und wie Sie diese Korrektur vornehmen können oder was Sie vor einigen Monaten gut gemacht haben. und wie Sie potenzielle Bedrohungen für die Kernfunktionen von Web Vitals angehen können. Sie können Trends über Zeit und Verteilung sehen.

Cockpit wird zwischengespeichert

Zeigen Sie die gesamte Cache-Trefferrate (CHR) für alle Routen an, wie sich ChRS von Deployments auswirken, und den Verlauf des Cache-Löschvorgangs. Löschen Sie den Cache ganz einfach nach Pfad, Surrogatschlüssel oder Gruppe. Das vielleicht leistungsfähigste Tool ist die Fähigkeit, CHR nach Route zu sehen, neben Datenverkehr, CPU, Arbeitsspeicher, Trefferrate vor Abruf, und vieles mehr. Im Gegensatz zu herkömmlichen CDNS, die jede URL anzeigen, die jemals auf Ihre Website zugegriffen wurde, lässt sich Layer0 in Ihre Codebasis integrieren und ist Routenerkennung, sodass Sie Routen, die verbessert werden müssen, leicht erkennen können. Dies ist äußerst nützlich für Standorte mit Spitzenleistung, die Geschwindigkeiten im Subsekundenbereich erreichen möchten.

Prozentsatz der Teams mit hoher Geschwindigkeit

Dies sind nur einige der Performance-Tools auf der Plattform. Gemeinsam werden Teams doppelt so schnell entlassen wie zuvor. John Beadles, leitender Webentwickler bei Turnkey Vacation Rentals, teilte mit: „Layer0 hat unsere [Release]-Kadenz um mindestens das 2-fache erhöht, vielleicht sogar mehr.“

Und denken Sie daran: Das Umsatzwachstum von Unternehmen ist bis zu fünf Mal höher, wenn sie über eine schnelle Entwicklerentwicklung verfügen.

Leistungsfähige Websicherheit

Entwickler müssen die Sicherheit nicht mehr manuell in die Edge-Logik integrieren. Implementieren Sie schnell DDoS-, WAF- und Bot-Verwaltungslösungen nativ in Ihren Workflow auf Layer0.

WAF

Web Application Firewall mit verwalteten Regelsätzen, die häufige und aufkommende Exploits filtern und vor ihnen schützen, wie OWASP Top 10-Schwachstellen, log4j-Bedrohungen, PHP Object Injection, SQL Injections und anderen.

Bot-Management

Erkennen und verwalten Sie eine Vielzahl von Bots, die ihre Anwendungen abfragen und wertvolle Ressourcen verbrauchen. Ob SEO, Suchmaschinen, schlechte Rechenzentren, soziale Medien oder Scraping-Bots – Sie können diese markieren und stoppen, wenn der Bot-Traffic unerwünscht ist.

DDoS-Schutz

Layer0 ist auf dem weltweit verteilten, ständig aktiven Netzwerk von Limelight mit hoher Bandbreite installiert und wurde entwickelt, um eine Vielzahl von DDoS-Angriffen auf Netzwerkebene zu überprüfen und abzuwehren, sodass Ihre Ressourcen in Echtzeit gesund und geschützt bleiben.

Zuverlässige Releases

Produktivität, Leistung und Schutz wären nicht vollständig, wenn devops-Teams nicht in der Lage wären, ihre Produkte vertrauensvoll zu veröffentlichen. Layer0 enthält ein leistungsstarkes Tool zur Datenverkehrsaufteilung und Funktionsverwaltung, das an der Peripherie ausgeführt wird und Folgendes bietet:

  • Point-and-Click-Routing und Aufteilung des Datenverkehrs an der Peripherie – viel einfacher zu verwenden als die Tools in herkömmlichen CDNs, die Ihren Anwendungscode nicht verstehen
  • Mit kanarischen und blauen/grünen Bereitstellungen können Sie Updates sicher übertragen
  • Fahnen (auch als dunkle Features bezeichnet) mit noch viel mehr auf der Roadmap
  • A/B-Tests an der Peripherie, die Ihre Website, die sich in alle führenden Experimentierplattformen integrieren lässt, nicht verlangsamt

Dabei handelt es sich um „Full Stack“-Varianten, die Browsercode, Edge-Code und serverlosen Cloud-Code in einem Atompaket enthalten. Ihre DevOps-Teammitglieder wissen sicher, dass Ihre Kunden genau das bekommen, was Sie beabsichtigen.

Entwickeln Sie sich hin zu Mikroservices und Headless

Um schnell Geschwindigkeit, Flexibilität und Agilität zu erreichen, können Kunden auf Layer0 problemlos zu einer Headless-Architektur wechseln, die die Frontend-Präsentationsebene über APIs von der Backend-Logik entkoppelt.

In dieser Fallstudie verwendete Kate Spade (Tapestry) Layer0, um schrittweise auf eine neue Version von Salesforce Commerce Cloud zu migrieren.

Kate Spade migriert eine Seite nach der anderen auf Layer0 zu kopflos

KateSpade.com basiert auf der SiteGenesis-Architektur von Salesforce und ruft Geschäftsdaten, die in der Salesforce Commerce Cloud gespeichert sind, über ein herkömmliches CDN ab. Alle Seiten, die von Layer0 gecacht und gerendert werden, werden jetzt direkt an Layer0 weitergeleitet, um eine höhere Cache-Trefferrate zu erzielen. Layer0 befindet sich zwischen Kate Spades Datenschicht und Frontend.

Die bisherige monolithische Plattform wurde von echten physischen Servern begleitet, so dass ein höherer Datenverkehr mehr Serverlast bedeutete, was das Einkaufserlebnis verlangsamte. Mit einer serverlosen Plattform wie Layer0 skaliert KateSpade.com jetzt auf die Ebene des Datenverkehrs.

Im Hinblick auf die Agilität sind Updates schneller und einfacher, ohne dass sie von der restriktiven Salesforce-Infrastruktur abhängig sind. Zuvor wartete das Team wochenlang auf die Updates, da alles Teil eines Builds war. Diese Updates sind in Chunks unterteilt, was zu häufigeren Bereitstellungen mit geringerem Risiko führt.

Layer0 ist auch für Headless-Websites führend und unterstützt 45 der besten JAMstack-Plattformen .

Vereinfachen und Geld sparen

Anstatt unterschiedliche Tools zu kaufen, die Sie zusammenschusten, können Sie jetzt mit einem einfacheren, kostengünstigeren Ansatz die gewünschten Geschäftsergebnisse erzielen. Hier ist eine Ansicht, in der die Kosten der beiden Ansätze verglichen werden:

Mit Layer0 erzielen Sie bessere Ergebnisse zu geringeren Kosten. Ihr Erbauer-Team kann sich keine Sorgen mehr um die Sanitäranlagen machen und sich auf die Innovationen konzentrieren, die Ihre Lösung von der Konkurrenz abheben.

Bonus: Bieten Sie ein schnelleres Web-Erlebnis

Als ob es nicht ausreicht, die Geschwindigkeit Ihres Builder-Teams zu verdoppeln, können Sie auch ein deutlich schnelleres Web-Erlebnis bereitstellen. Layer0 von Limelight ist die programmierbarste und schnellste CDN- und Edge-Plattform für Webanwendungen weltweit. Entwickler können innovative Leistungsfunktionen wie das Caching dynamischer Daten (nicht nur statischer Inhalte) und das Prefetching in das Gerät des Besuchers steuern. Mehr dazu in einem zukünftigen artikel!