#frontend

Reduzieren und bereinigen Sie SVG-Dateien automatisch mit SVGO, dem branchenüblichen SVG-Optimierer. Der Optimize-Endpunkt entfernt Kommentare, Metadaten, Editor-Überreste und redundante Attribute, fasst Pfade zusammen und führt sie zusammen und gibt minimiertes Markup zusammen mit den ursprünglichen und optimierten Byte-Größen sowie dem prozentualen Einsparungswert zurück – typischerweise 30-60 % kleiner. Der Data-URI-Endpunkt geht einen Schritt weiter und gibt eine einsatzbereite CSS-Data-URI (URL-kodiert oder base64) sowie die passende background-image-Regel zurück, sodass Sie Symbole ohne zusätzliche HTTP-Anfrage einbetten können. Perfekt für Build-Pipelines, Symbolsysteme, Design-Tools, E-Mails und das Einbetten von SVGs in CSS. Reine lokale Verarbeitung – kein Schlüssel, kein Drittanbieter-Dienst, sofort; senden Sie Markup per POST für große Dateien (bis zu 2 MB). Live, nichts wird gespeichert. 3 Endpunkte. Unterscheidet sich von Rasterbildkomprimierung, QR-/Code-Generierung und JSON/HTML-Formatierung.

api.oanor.com/svgo-api

Wie groß ist dieses npm-Paket? Erhalten Sie die minifizierte und gzippte Bundle-Größe jedes npm-Pakets – plus dessen Abhängigkeitsanzahl, die von jeder Abhängigkeit beigetragene Größe, Peer-Abhängigkeiten, ob es ein ES-Modul ausliefert und ob es nebenwirkungsfrei ist – in einem einzigen Aufruf. Legen Sie eine Version fest ([email protected]) oder holen Sie die neueste, und ziehen Sie die Bundle-Größe über die letzten Versionen eines Pakets, um Regressionen im Laufe der Zeit zu erkennen. Unterstützt durch den öffentlichen Bundlephobia-Dienst; Ergebnisse sind live (kein Cache). 3 Endpunkte. Entwickelt für Frontend-Performance-Budgets, Bundle-Größe-CI-Checks, Tooling für „Kosten des Hinzufügens dieser Abhängigkeit“ und Abhängigkeits-Dashboards. Unterscheidet sich von einer einfachen npm-Registry-Abfrage (Metadaten) oder einem Abhängigkeitsgraphen-Dienst – dies misst tatsächlich gesendete Bytes. Kein Upstream-Key, kein Cache.

api.oanor.com/bundlephobia-api

Browser-Funktionskompatibilitätsdaten als API – die „Can I Use“-Unterstützungstabellen für über 550 Webplattformfunktionen in 19 Browsern (Chrome, Edge, Firefox, Safari, iOS Safari, Samsung Internet, Opera, IE und mehr). Suchen Sie nach einer beliebigen Funktion (flexbox, css-grid, webp, fetch, websockets, …) für deren vollständige Unterstützungsmatrix: aktuelle Unterstützung pro Browser, die erste Version mit vollständiger Unterstützung, teilweise/mit Präfix/deaktivierte Flags und Hinweise, der Spezifikationsstatus, Kategorien, Schlüsselwörter, globale Nutzungsanteile und Referenzlinks. Stellen Sie eine einzelne Frage zu Funktion×Browser, listen oder filtern Sie Funktionen nach Kategorie, suchen Sie Funktionen nach Schlüsselwort und erhalten Sie die Browser-/Agentenliste mit Versionsverläufen sowie die Kategorie-/Statuslegende. Unterstützt durch den öffentlichen caniuse-db-Datensatz (alle 12 Stunden aktualisiert); Abfrageergebnisse werden live berechnet. 7 Endpunkte. Entwickelt für Build-Tools, Polyfill-Entscheidungen, Kompatibilitäts-Dashboards, Linter und Dokumentation. Kein vorgeschalteter Schlüssel.

api.oanor.com/caniuse-api