Mobile performance comparison

13 views
Skip to first unread message

Electronic Panda

unread,
Nov 16, 2019, 3:17:47 PM11/16/19
to OpenLayers Dev
Hi

Can you compare these 4 on your phones? I might be doing something wrong with openlayers. If so, could you let me know what I am doing wrong? Because ol's performance is not the best of these 4 unfortunately.


Thanks,

Andreas Hocevar

unread,
Nov 16, 2019, 4:01:50 PM11/16/19
to OpenLayers Dev
What are your criteria for measuring performance? Tile loading? Then that's outside of the scope of OpenLayers. Your example uses the free OpenStreetMap tiles, which can be slow sometimes. Maybe choose a different map provider?

Andreas.

--
You received this message because you are subscribed to the Google Groups "OpenLayers Dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to openlayers-de...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/openlayers-dev/15c9c040-7d71-492c-b92e-db9e6b60de92%40googlegroups.com.

Electronic Panda

unread,
Nov 16, 2019, 4:42:35 PM11/16/19
to OpenLayers Dev
When zooming in and out, it stutters. The video was captured by iphone (safari I guess). The other maps doesn't get affected that much with other frameworks. 

https://youtu.be/CKXyeUUyvNE

17 Kasım 2019 Pazar 00:01:50 UTC+3 tarihinde Andreas Hocevar yazdı:
What are your criteria for measuring performance? Tile loading? Then that's outside of the scope of OpenLayers. Your example uses the free OpenStreetMap tiles, which can be slow sometimes. Maybe choose a different map provider?

Andreas.

On Sat, Nov 16, 2019 at 9:17 PM Electronic Panda via OpenLayers Dev <openlayers-dev+APn2wQeA2K-kEO1hiehKb2dPsSoMopIUUs8auuUgn19Fl...@googlegroups.com> wrote:
Hi

Can you compare these 4 on your phones? I might be doing something wrong with openlayers. If so, could you let me know what I am doing wrong? Because ol's performance is not the best of these 4 unfortunately.


Thanks,

--
You received this message because you are subscribed to the Google Groups "OpenLayers Dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to openlay...@googlegroups.com.

Andreas Hocevar

unread,
Nov 17, 2019, 3:40:03 AM11/17/19
to OpenLayers Dev
The video shows markers that your linked demo does not have. I bet you're defining the styles for these markers in a non optimal way.

On Sat, Nov 16, 2019 at 10:42 PM Electronic Panda via OpenLayers Dev <openlayers-dev+APn2wQeA2K-kEO1hi...@googlegroups.com> wrote:
When zooming in and out, it stutters. The video was captured by iphone (safari I guess). The other maps doesn't get affected that much with other frameworks. 

https://youtu.be/CKXyeUUyvNE

17 Kasım 2019 Pazar 00:01:50 UTC+3 tarihinde Andreas Hocevar yazdı:
What are your criteria for measuring performance? Tile loading? Then that's outside of the scope of OpenLayers. Your example uses the free OpenStreetMap tiles, which can be slow sometimes. Maybe choose a different map provider?

Andreas.

On Sat, Nov 16, 2019 at 9:17 PM Electronic Panda via OpenLayers Dev <openlayers-dev+APn2wQeA2K-kEO1hi...@googlegroups.com> wrote:
Hi

Can you compare these 4 on your phones? I might be doing something wrong with openlayers. If so, could you let me know what I am doing wrong? Because ol's performance is not the best of these 4 unfortunately.


Thanks,

--
You received this message because you are subscribed to the Google Groups "OpenLayers Dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to openlay...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/openlayers-dev/15c9c040-7d71-492c-b92e-db9e6b60de92%40googlegroups.com.

--
You received this message because you are subscribed to the Google Groups "OpenLayers Dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to openlayers-de...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/openlayers-dev/1216cfd2-5ffd-4e63-b04e-1f2cdcbc8de3%40googlegroups.com.

Electronic Panda

unread,
Nov 17, 2019, 11:49:00 AM11/17/19
to OpenLayers Dev
  Yeah, forgot these markers there I realized after getting the video capture. The time I ordered my bro to take video capture, I did not know about the issue. Then I made these urls and ask him to test once more but didn't get the capture. He said mapbox and ol was the fastest, cesium and leaflet were problematic. But the leaflet one was having different kind of issue than performance. Although I believe issue is different than the marker styles; I'll ask him to take another capture of totally empty map as soon as I can reach him. By the way there is no official documentation that I could find in ol3 api doc or such place which shows the optimal way to create markers. Ol3 tips&tricks documents could be helpful somewhere.

I defined style to layer instead of each feature and they are all the same, there are 800 markers on the map:

      var layerStyle = new ol.style.Style({
  image: new ol.style.Icon({
anchor: [0.5, 37],
anchorXUnits: 'fraction',
anchorYUnits: 'pixels',
src: './media/image/busstop.png'
  })
});
var layerSource = new ol.source.Vector({});
var layer = new ol.layer.Vector({
source: layerSource,
style: layerStyle
});

 From that code, I believe ol defines style for layer and caches the style for each marker. If the problem is anchor position, maybe it should re-create canvas with right positioning or is this the responsibility of client? 

Electronic Panda

unread,
Nov 17, 2019, 12:58:42 PM11/17/19
to OpenLayers Dev

Hello again,

It turns out I have been using 5.3 version of ol. Closed all markers at startup and right now it works cool. Will work on it further. Thanks for the help.

Latest results:


Reply all
Reply to author
Forward
0 new messages