Aktualisiere Rechner für Ziffernblat

11/30/17

Entwicklung einer neuen Version des Rechners für die Berechnung auf der Client-Seite

Frontend
Ciferblat

Ziel

Die Aufgabe dieses Projekts bestand darin, den bereits verfügbaren Rechner zu verbessern. Die ursprüngliche Version enthielt viel Code, der die gesamte Site lud und viel Zeit für die Verarbeitung elementarer Anforderungen benötigte. Das große Problem war auch die "mangelnde Flexibilität" für Verbesserungen.

Eigenschaften

Der Einfachheit halber sind die Preisdaten in einem Tabellenkalkulationsformat gespeichert. Später werden sie auf der Seite angezeigt und vom Skript in einer für den Kunden akzeptableren Form verarbeitet.

Vorbereitung von

Zu dem Zeitpunkt, als das Rechnerupdate gestartet wurde, gab es 3 verschiedene Arten von Tabellenebenen: eine Zeile, zwei und mehrere Tabellen. Die Tische waren anders und fast jeder war eine Krückenlösung. Deshalb abstrahierten und begannen wir zuerst mit der Entwicklung der Logik, wobei wir die ursprüngliche Version vollständig belassen.

Process on papper
Process on papper

Die Lösung

Basierend auf dem tabellarischen Datenformat und den Datenattributen, in denen die Hilfsparameter gespeichert sind, wurde eine neue Datensammellogik entwickelt.

Nach dem Laden der Daten in den Umfang des Skripts liest es alle Daten in das Objekt, alle Parameter in das Array durch den Parameter (um die Optionen an den Benutzer auszugeben).

Test
Тest

Die zusätzlichen Daten, die in den Datenattributen enthalten sind, sind die Auslöser für die Verteilung in den Tabellen.

Schlussfolgerungen

Die Entwicklung und Implementierung dieser universellen Lösung erhöhte die Ladegeschwindigkeit der Seite erheblich und erleichterte die Arbeit. Beweis für die Verbesserung waren die Daten, die mit Hilfe des Hilfsprogramms von Google - PageSpeed ​​Insights erhalten wurden. Wir haben festgestellt, dass die Bewertungsindikatoren in der PC- und Mobile-Version um 4-7 Prozent gestiegen sind.

pagesspeed
Pagesspeed
An dem Projekt beteiligt

Arsenii