One of the wiki pages displays a different header image | Fandom

Ripsum·9/21/2024 in Technical Advice & Coding Help

One of the wiki pages displays a different header image

Hello, this is my first time writing anything like this, so I apologize if this post lacks context. I'll try to provide more of it once there is a request to do so.

I'm one of the staff members of the Lunime wiki. Recently, I've created a page about a character named NULL. However, after I saved the page, the wiki header image changed to an infinite symbol icon. This doesn't happen to any other pages, except that one.

After further investigation, it was found that the header image comes from a different wiki. The Backrooms wiki, to be more specific. It is added through a .fandom-community-header__image::before tag, which doesn't exist in our wiki's Common.css

.page-Null .fandom-community-header__image::before {
  content:"";
  background:url(https://static.wikia.nocookie.net/backrooms/images/7/77/379-logo.png) no-repeat;
  width:87px;
  height:100px;
  background-size:85px;
  position:absolute

Since the image comes from the Backrooms Wiki, it is also featured in the wiki's page titled 'Null'.

Is there a way to fix this issue? It really bothers us, since NULL is one of the top searched characters on the Lunime wiki. Thanks in advance.

2

Oot42·9/21/2024

It's in MediaWiki:Dev.css, a terribly huge css file imported in your Common.css. It's at lines 16'642 - 16'653, together with some other backrooms css rules.

You use a crazy amount of CSS on your wiki. Is that all really in use, or is there maybe just a lot of copy/pasted but unneeded stuff, like that Null-page code?

Your 10 CSS files combine to over 26'000 lines of code, and about 2MB size. This may significantly play out on your site's performance.

1

Ripsum·9/21/2024

@Oot42 The code was presumably added way before I became a staff member. It was done by somebody else on the staff team, and the code wasn't actively used. I wasn't aware of the issues it was causing to the performance, so I'll take your advice into consideration. Thanks for the help!

3

BronzeRattle·9/21/2024

Definitely clean up the CSS. I clicked the dev.css link above experimentally to see how bad the issue was and my Chromebook did not want to load the page.

0

Ripsum·9/21/2024

Sure, I'm on it!

1

Oot42·9/21/2024

Re: dev.css

Beside other questionable things obviously copied from some other wiki, some of the 17'000 lines of this CSS file contain base64 encoded fonts (various FontAwesome versions), of which some are included multiple times (up to 3 times for some for what I saw), which blasts this file alone to 1.5 MB.

Including fonts as base64 in the CSS is not the preferred way for what I know. Are they even in use on your wiki?

Other things to consider would be for example the 95 defined different interwiki language country flags (lines 400-780). For what I see you only need two of them.

Or the custom coloring of 800 (!!) current and former Fandom staff, wiki-reps, specialists, bots, soap-accounts, etc. (lines 1908-1958).

How many of them will ever visit and edit on your wiki? And certainly that list will never be up-to-date anyways.

Oh, and don't get me started with the over 100 dev scripts imported in your MediaWiki:ImportJS ;)

Just some general advice: Very often, less is more. :)

These do not exist anymore:

This doesn't exist on this URL:

CodeQuickLinks.js

These are duplicated:

dev:Toggler.js
dev:WallGreeting.js

Also, all the mass and batch tools can mostly only be used by admins or mods and should therefore be importend by those users, not for every visitor of the wiki.

This will all drag on your site performance.

What do you think?