its slow.
Ive got nginx proxying all my Ip camera streams and using a MJPEG substream with low resolution. It works, but its pretty slow. 6 of the 8 cameras load fast, the other 2 load really slow and Ive got no idea.
When using the URL directly, they are fast so its something openhab/habpanel is doing.
Can anyone suggest a way to improve the loading ?
Here is my widget
<div class="section">
<div class="controls">
<div class="widget.wide">
<div class="controlGroup">
<div class="control" ng-class="{true: 'off'}[itemValue('MENU_page')=='System']" ng-click="sendCmd('MENU_page', 'System')"><svg viewBox="0 0 80 80"><use xlink:href="/static/matrix-theme/squidink.svg#controal-4"></use></svg></div>
<div class="control" ng-class="{true: 'off'}[itemValue('MENU_page')=='Lighting']" ng-click="sendCmd('MENU_page', 'Lighting')"><svg viewBox="0 0 80 80"><use xlink:href="/static/matrix-theme/matrixicons.svg#light_bulb"></use></svg></div>
<div class="control" ng-class="{true: 'off'}[itemValue('MENU_page')=='Entertainment']" ng-click="sendCmd('MENU_page', 'Entertainment')"><svg viewBox="0 0 80 80"><use xlink:href="/static/matrix-theme/squidink.svg#box"></use></svg></div>
<div class="control" ng-class="{true: 'off'}[itemValue('MENU_page')=='Comfort']" ng-click="sendCmd('MENU_page', 'Comfort')"><svg viewBox="0 0 80 80"><use xlink:href="/static/matrix-theme/squidink.svg#thermometer-3"></use></svg></div>
<div class="control" ng-class="{true: 'off'}[itemValue('MENU_page')=='Gate & Garage']" ng-click="sendCmd('MENU_page', 'Gate & Garage')"><svg viewBox="0 0 80 80"><use xlink:href="/static/matrix-theme/squidink.svg#garage"></use></svg></div>
<div class="control" ng-class="{true: 'off'}[itemValue('MENU_page')=='Temp & Power']" ng-click="sendCmd('MENU_page', 'Temp')"><svg viewBox="0 0 80 80"><use xlink:href="/static/matrix-theme/squidink.svg#thunder-1"></use></svg></div>
<div class="control" ng-class="{true: 'off'}[itemValue('MENU_page')=='Cameras']" ng-click="sendCmd('MENU_page', 'Cameras')"><svg viewBox="0 0 80 80"><use xlink:href="/static/matrix-theme/squidink.svg#cam-4"></use></svg></div>
</div>
</div>
</div>
</div>
<div class="section">
<div class="sectionIconContainer"><div class="sectionIcon"><svg viewBox="0 0 48 48"><use xlink:href="/static/matrix-theme/squidink.svg#cam-2"></use></svg></div></div>
<div class="title">Cameras</div>
<div class="controls">
<a href="https://DOMAIN.NET/cam/lane_north"><img src ="https://DOMAIN.NET/cam/lane_north" height="250" width="350"></img></a>
<a href="https://DOMAIN.NET/cam/lane_south"><img src ="https://DOMAIN.NET/cam/lane_south" height="250" width="350"></img></a>
<a href="https://DOMAIN.NET/cam/front_yard"><img src ="https://DOMAIN.NET/cam/front_yard" height="250" width="350"></img></a>
<a href="https://DOMAIN.NET/cam/front_door"><img src ="https://DOMAIN.NET/cam/front_door" height="250" width="350"></img></a>
<a href="https://DOMAIN.NET/cam/front_gate"><img src ="https://DOMAIN.NET/cam/front_gate" height="250" width="350"></img></a>
<a href="https://DOMAIN.NET/cam/rear_yard"><img src ="https://DOMAIN.NET/cam/rear_yard" height="250" width="350"></img></a>
<a href="https://DOMAIN.NET/cam/rear_alfresco"><img src ="https://DOMAIN.NET/cam/rear_alfresco" height="250" width="350"></img></a>
<a href="https://DOMAIN.NET/cam/garage"><img src ="https://DOMAIN.NET/cam/garage" height="250" width="350"></img></a>
<a href="https://DOMAIN.NET/cam/living_room"><img src ="https://DOMAIN.NET/cam/living_room" height="250" width="350"></img></a>
<a href="https://DOMAIN.NET/cam/carport"><img src ="https://DOMAIN.NET/cam/carport" height="250" width="350"></img></a>
</div>
</div>
<div class="section">
<div class="widget">
<div class="icon off"><svg viewBox="0 0 48 48"><use xlink:href="/static/matrix-theme/squidink.svg#handy-cam"></use></svg></div>
<div class="name">PTZ Control</div>
<div class="controlGroup">
<div class="control" ng-click="sendCmd('Carport_PTZ_Garage', 'ON')">Garage<svg viewBox="0 0 80 80"></svg></div>
<div class="control" ng-click="sendCmd('Carport_PTZ_RearGate', 'ON')">Gate<svg viewBox="0 0 80 80"></svg></div>
<div class="control" ng-click="sendCmd('Carport_PTZ_RearYard', 'ON')">Yard<svg viewBox="0 0 80 80"></svg></div>
</div>
Thank you