The favicon hasn't been visible on Google for months, and I need a check on accessibility and websit

Website URL

HEL MORT® Official Site

Error Message

The favicon on Google is gray, and the speed looks incredibly slow on certain browsers on PC. Additionally, the page results empty when some people try to access it without VPN from Italy.

Other Information

Hi, thanks for the support as usual. I’ve been trying to solve these problems for over 5 months now without any results, so I’ve decided to ask for help. Basically, when I go to Google search, in both versions, anonymous browsing and not, the icon of my website is gray. I uploaded the icon with the official WordPress favicon plugin from and also from the customaze main theme section, but it still doesn’t work. Honestly, I don’t know what to do anymore.

The second problem is that the website is very slow on some browsers. I know the problem is 80% connected with the person’s PC, cache or browser used, but I’d like to find a way to make the experience of visiting my website possible for these people. Could you please check the speed yourself and let me know if you encounter any problems? PageSpeed Insights gave me a 33% on mobile and 70% on desktop for speed and quality. I tried using WP-Optimize - Clean, Compress, Cache, but when I use it, it completely destroys my website fonts, images, and all the Elementor page creations. If you have any ideas to improve the speed situation in general, I would greatly appreciate it.

The third and last problem is that I live in the UK and connect from there, and I’ve checked that other people connecting from the UK have no problem. However, when I travel to Italy, the website from my browser is impossible to access, and I can only do it if I use a VPN or it give me a blank error page. Do you have any idea what could cause this problem? Can you reach the website from your area?

Thanks to everybody, and sorry if I’m bothering you, but I’ve been fighting with these three problems for so long that now I just feel like I’m out of options.

No issue

image

Here is your answer

Take note Elementor does not work well on free hosting

9 Likes

Hi HelMort,

Your website’s slow not just because of Elementor, it’s because you’re trying to load 33MB of images at once. Compress your images to necessary size before uploading can vastly improve your website performance.

As you can see, sorted by loading time, most of them are your images having file size >100KB, try compressing them to something lower or near to 128KB to have better performance.

In most cases, you don’t need 2560px wide images when most people have 1920px width devices. Also use jpg for images that does not involve transparency.

The largest image you have is https://helmort.com/wp-content/uploads/2023/09/Artworks-Banners-1.png accounting for 9+MB.

Cheers!

7 Likes

I also suggest to convert the images to webp using online tools

It will reduce the image storage.

7 Likes

Adding to this, you might want to support different formats by using tag, which allows the browser to fallback to jpgs if webp is not supported on some browsers (cough: iOS, lol) Apple support for webp sucks.

The syntax is:

<picture>
  <source srcset="picture.webp" />
  <img src="picture.jpg" alt="" />
</picture>

P.S. In Elementor world, use the Picture element, choose JPG images as source, then a webp plugin.

5 Likes

Since when did you stopped using Apple devices?

Currently both iPhone and iPad (And of course Macs) support webp. Only Apple Watch didn’t.


By the way I think this solution is not so easy to achieve in WordPress here. Image optimization plugins sometimes struggle to work because of the security system.

And don’t get me started on using several image formats at the same time in WordPress.

6 Likes

Good question, never would I start using. Basically $-grab and not very secure so to say.

Not all users are using the latest model of Apple products due to $ issues, and most of the time people would complain if their all-glory Apple isn’t showing your webp image.

In commercial world, we avoid this type of issue by using jpg. 200kb difference won’t take you to the moon or to the bedrock.

OP uses Elementor, so a Elementor solution is provided.

Then don’t.

1 Like

Safari had supported webp since iOS 14 and that covers devices from a decade ago. So I don’t see it as an issue.

Good point, but still love to see how QUIC.cloud tells me this image has been compressed 90% (Usually 500KB~1MB, for some reason my images are pretty big).

3 Likes

Web development is about the visitors, not just you, so even if there is one user that has iOS14-, you should probably still consider their experience if you do care about your visitors.

Then your images are quite large, should resize it to whatever you need to do for your website instead. The common max. sizing should be something near 1920px except with specific requirements. Alternatively, you can use FFMPEG to compress your image professionally.

Cheers!

4 Likes

Hey Kang, thanks for the answer! Any idea how I can achieve the same results as Elementor but with free hosting? Any alternatives?

Regarding the gray icon, I wasn’t referring to the icon in the website but the one on the search engine!

Thanks for the answer. I’ll resize the pictures immediately!

Thanks for the answer, i’ll give it a try! :smiley:

We were talking about the website icon because the thing in the search results is supposed to be your website icon. The icon in Google not being the same as the one shown in the address bar is the strange part.

Looking at Google’s information about the icon:

A few things you could try:

5 Likes

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