Wikia

Wikia Centrale

Commenti0

Aggiornate i vostri CSS e JavaScript per accelerare le vostre wiki

Uno dei punti di forza di Wikia è il fatto che le community hanno la libertà di creare il loro personale Javascript (JS) e CSS per aggiungere funzioni o modificare l'aspetto della propria wiki. Diverse wiki hanno creato script eccezionali e li hanno persino condivisi con altre wiki. Questa è una cosa fantastica che speriamo continui a verificarsi.

Tesoro mi si sono ristretti i ragazzi.jpg

Come il professor Wayne Szalinski, i nostri ingegneri hanno creato un eccezionale laser rimpicciolente per comprimere il JavaScript e il CSS delle vostre wiki. Però non hanno fatto danni!

Tuttavia, il modo in cui vengono aggiunti fino ad ora i file JS e CSS ha un inconveniente: ogni file aggiunto fa sì che il vostro browser debba effettuare una richiesta supplementare per raggiungere i nostri server e poi tornare indietro. Fare tutto questo lavoro può risultare estremamente lento, per cui il Performance Team di Wikia ha creato un nuovo codice per aiutare le community a caricare i loro file più velocemente. Abbiamo visto wiki con addirittura 31 singoli file JavaScript personalizzati (senza contare il CSS), per cui diminuire il numero di richieste a due o tre può davvero accelerare le cose!

Quindi cosa abbiamo fatto? In poche parole, abbiamo creato una funzione JavaScript chiamata importArticles(), che è molto simile alla funzione importScript() già usata da molte wiki per caricare i loro file JS. Il vantaggio consiste nel fatto che questo nuovo file permetterà alle community di raggruppare un insieme di file JavaScript in una sola richiesta. Inoltre, il file combinato sarà compattato. Questo significa che tutti i commenti e gli spazi aggiuntivi che vengono usati per rendere leggibili il JS e il CSS durante la modifica del codice non saranno contenuti nella versione che viene inviata al browser dell'utente. Allo stesso modo, utilizzare importArticles() per importare file CSS multipli sarà molto più veloce rispetto al vecchio metodo di inserire la dichiarazione @import nel CSS. I fili più piccoli sono più veloci da scaricare, perciò accelerano il tempo necessario per andare e tornare dal server. Tutto ciò significa un caricamento più veloce per voi e per tutti i visitatori delle vostre wiki!

Per saperne di più su come utilizzare questa funzione, consultate la relativa pagina di aiuto. Un sentito ringraziamento al Performance Team per il loro duro lavoro e se avete domande scrivete nei commenti qui sotto.