Menu

Post image 1
Post image 2
1 / 2
0

How PP15.ONE became 14x faster than before

DEV Community·Philipp·28 days ago
#sJgXOluZ
#webdev#performance#react#webperf#load#took
Reading 0:00
15s threshold

A few weeks ago, PP15.ONE was slow. Really slow. The main page took almost 13 seconds to load. The map screen took even longer. Google PageSpeed gave the main page a score of 53. After a focused performance pass, the same page now scores 92. Page load is under one second. The map loads in one second too. That is 14x faster, on the same infrastructure. No upgrade. Just better code. Here is what actually moved the needle. The biggest win was the map. The old version pulled tiles from one source over one connection. On mobile this meant tiles arrived one at a time. The new version uses a different tile provider spread across four parallel connections. That alone dropped the map load from 13 seconds to 1. The second change was switching how the map renders. The old version drew every marker as its own element, which adds up fast with hundreds on screen. The new version paints them all in one pass. Smoother, faster, less work for the browser. A small CSS trick helped too: nudging the map onto the GPU.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.

Read More