CSS issue in Safari

Hi,

Im having a CSS issue in Safri that i can not seem to slove. CSS loads perfectly in firefox and locally through dreamweaver. For some reason off the server there is an issue with the CSS using Safri.

Can someone please help me with this issue?
Here is a a link to the live site: www.stefanmouttetdesign.com

It’s working fine for me in Safari and there don’t appear to be any resource errors. What issue are you seeing?

Hi,

Thats what im getting when using Safari live.

Should look like this. Not sure if its just my browser playing games.
I’m not getting any errors either and i cleaned up all the loose code i could find.

It looks like a resource loading bottleneck problem to me.

Both
PageSpeed Insights Desktop
and
PageSpeed Insights Mobile
rate the page as

Poor
0 / 100
This page is not optimized and is likely to deliver a slow user experience. Please prioritize and apply the recommendations below.

1 Like

This would be consistent with the validator parsing the HTML with little delay. (BTW, the errors should be fixed)

https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.stefanmouttetdesign.com%2F

1 Like

What version of Safari are you using?

You should add the width=“” and height=“” attributes to the image elements to tell the page how large the images are before it begins loading them.

There aren’t many errors but some are critical, such as the <section> tag that is not closed and the <script> that is written after the </body> tag (it should be before the close body tag with the other scripts).

The images appear to be MASSIVE. 72.4 MB is HUGE. Not at all optimized for the web. Make smaller thumbnails of the images for presentation to the web. Allow the user to click on the thumbs to open a larger view. (I am looking at this with JS disabled, so my view may be different than the view you think I should see).

EDIT: Sorry, forgot to mention that ID portfolio isn’t closed.
And you don’t need the closing slash on empty elements (eg: the images). That was an XHTML requirement, never was an HTML requirement. HTML5 tolerates those slashes, but they do look a bit stale in your portfolio.

2 Likes

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.