Currently, a random image from Wikimedia Commons is displayed on the home page http://lobid.org/organisations.
The <img> element looks like this:
<img id="index-image" src="https://lobid.org/imagesproxy?url=https://commons.wikimedia.org/wiki/Special:FilePath/Ottobrunn%20Otto%20Koenig%20von%20Griechenland-Museum%20innen.jpg" title="Organisation des Moments, aktualisieren für weitere" alt="Otto-König-von-Griechenland-Museum, Ottobrunn">
Thus the original file of the image is requested resulting in long loading time depending on the size of the file. In the example above the requested image is about 10 MB.
The value of the title attribute seems to be static and not very useful.
I would suggest
load the image in an appropriate size. 450px wide seems to be suitable as this is the max-width currently defined in main.css. The desired size can be requested by adding ?width=450 to the file path, e. g. https://commons.wikimedia.org/wiki/Special:FilePath/Ottobrunn%20Otto%20Koenig%20von%20Griechenland-Museum%20innen.jpg?width=450, see also https://commons.wikimedia.org/wiki/Commons:Reusing_content_outside_Wikimedia/technical/de#Hotlinking
Currently, a random image from Wikimedia Commons is displayed on the home page http://lobid.org/organisations. The
<img>
element looks like this:Thus the original file of the image is requested resulting in long loading time depending on the size of the file. In the example above the requested image is about 10 MB. The value of the title attribute seems to be static and not very useful.
I would suggest
max-width
currently defined in main.css. The desired size can be requested by adding?width=450
to the file path, e. g.https://commons.wikimedia.org/wiki/Special:FilePath/Ottobrunn%20Otto%20Koenig%20von%20Griechenland-Museum%20innen.jpg?width=450
, see also https://commons.wikimedia.org/wiki/Commons:Reusing_content_outside_Wikimedia/technical/de#Hotlinking