Computer e gadget moderni

Questa nota non toccherà direttamente le capacità di Bitrix. Darò alcuni principi di base per aumentare la velocità del sito.1. È necessario ridurre il numero di richieste HTTP.

Il sito non è solo una pagina html, ma anche immagini, file javascript, file di stile. Se riduciamo il numero di questi file, aumenteremo la velocità di caricamento della pagina.

  • i file di stile possono essere combinati in un unico file
  • i file JavaScript possono anche essere combinati in un unico file
  • per quanto strano possa sembrare, le immagini possono anche essere combinate in un unico file, chiamato sprite css.

Sul primo punto tutto è già stato fatto nelle ultime versioni del motore 1C-Bitrix. Puoi abilitare queste caselle di controllo nelle impostazioni principali del modulo.

Pertanto, durante lo sviluppo, puoi avere tutti i file con stili di cui hai bisogno e, quando passi alla produzione, attiva le caselle di controllo e tutti i file CSS si uniranno in uno solo.

Sul secondo punto purtroppo non ho trovato soluzioni già pronte, anche se in realtà la soluzione dovrebbe essere esattamente la stessa dei CSS.

Per implementare il terzo punto, è necessario creare immediatamente un layout basato su un'immagine. Sono stati scritti molti articoli sulla tecnologia di creazione degli sprite CSS.

2. Tutti i file CSS devono essere posizionati nella parte superiore della pagina

Se utilizzi l'approccio Bitrix standard per integrare il layout nel design, lo farai.

3. Riduzione al minimo del codice dei file CSS e dei file JS, riduzione delle dimensioni delle immagini, compressione GZIP della pagina.

Per minimizzare il codice di un file CSS, basta selezionare la casella "Crea una copia compressa del file CSS unito", per ridurre al minimo il codice dei file javascript, esistono soluzioni apposite come http://yuilibrary.com/download /yuicompressore/ .

Per abilitare la compressione GZIP in Bitrix, è sufficiente installare il modulo di compressione dalla distribuzione Bitrix standard.

4. Utilizza Google Libraries per scaricare librerie JavaScript di grandi dimensioni

Almeno nella misura del possibile. Jquery dovrebbe sicuramente essere connesso in questo modo.



//

5. Assicurati di utilizzare la cache del browser.

Per fare ciò, è necessario installare mod_expires per apache2 e configurarlo in modo tale che le informazioni statiche vengano memorizzate nella cache del browser per un tempo molto lungo. Ad esempio, in questo modo:

// Codice del file .htaccess

Intestazione aggiunta Cache-Control "public" FileETag MTime Size ExpiresActive On ExpiresDefault "accesso più 0 minuti" ExpiresByType image/ico "accesso più 1 anno" ExpiresByType text/css "accesso più 1 anno" ExpiresByType text/javascript "accesso più 1 anno" ExpiresByType image/gif "accesso più 1 anno" ExpiresByType image/jpg "accesso più 1 anno" ExpiresByType image/jpeg "accesso più 1 anno" ExpiresByType image/bmp "accesso più 1 anno" ExpiresByType image/png "accesso più 1 anno"

Con questo si conclude la mia breve panoramica sui principi di base per aumentare la velocità di caricamento della pagina.

Come sai, Bitrix Framework è composto da moduli. In realtà il core Bitrix è anche un modulo, il cosiddetto "Modulo principale", integrato dal sistema di installazione degli aggiornamenti SiteUpdate. Esistono solo 40 moduli standard, nelle varie edizioni sono inclusi in una varietà di configurazioni.

Ad esempio, la versione minima di "Start" comprende 4 moduli: "Modulo principale", "Controllo della struttura", "Blocchi di informazioni" e "Compressione". E l'edizione minima per il commercio su Internet, denominata "Small Business", è composta da soli 28 moduli, compreso quello Principale. Vale a dire:

1. Modulo principale
2. Catalogo commerciale
3. Galleria fotografica 2.0
4. Gestione strutturale
5. Negozio online
6. Servizi sociali
7. Blocchi di informazioni
8. Valute
9. Sondaggi
10. Blocchi ad alto carico
11. Monitoraggio delle prestazioni
12. Forum
13. Modulo SEO
14. Archiviazione nel cloud
15. Archiviazione nel cloud
16. Blog
17. Cerca
18. Servizi cloud
19. Abbonamento, invii
20. Difesa proattiva
21. Scala
22. Marketing via e-mail
23. Compressione
24. Traduzione
25. Piattaforma mobile
26. Moduli Web
27. Applicazione mobile
28. Tecnologia Push & Pull

I moduli sono gestiti nella sezione amministrativa in Impostazioni > Impostazioni prodotto > Moduli. Tieni presente che l'installazione del modulo richiede risorse di hosting, principalmente spazio su disco. Pertanto, dopo aver acquistato un'edizione, dovresti studiare attentamente l'elenco dei moduli installati, chiarire quali attività svolgono e rimuovere (disinstallare) i moduli inutilizzati.

Installazione gratuita del modulo Bitrix dal Marketplace Dopo essere entrati nel pannello amministrativo, vai alla scheda Marketplace. Trova il modulo che ti serve effettuando una ricerca per nome. Cliccando sull'icona si accede alla pagina di caricamento del modulo. Fare clic sul pulsante "Download", quindi sul pulsante "Installa". Al termine dell'installazione, configurare il modulo nella sezione Moduli del pannello amministrativo. Per fare ciò, vai su Impostazioni > Impostazioni prodotto > Moduli, seleziona il nome del modulo installato e vai alle impostazioni facendo clic su di esso. Installazione gratuita del modulo Bitrix gratuito dall'archivio Scarica l'archivio del modulo (solo da una fonte attendibile! Altrimenti aprirai tu stesso le porte agli hacker!). Carica l'archivio sull'hosting nella cartella /bitrix/modules/MODULE NAME. Quindi decomprimere l'archivio sull'hosting ed eliminare il file di archivio. Accedi al tuo pannello di amministrazione e vai su Impostazioni > Impostazioni prodotto > Moduli. Trova il tuo nuovo modulo nell'elenco dei moduli disponibili e avvia l'installazione facendo clic sul pulsante "Installa". Al termine, vedrai il modulo nell'elenco dei moduli installati e potrai configurarlo. Installazione a pagamento del modulo Bitrix dal Marketplace Decine di migliaia di moduli sono disponibili nel Marketplace Bitrix, per pochi soldi, contribuendo a velocizzare il sito, semplificare le procedure di manutenzione ordinaria, moltiplicare la velocità di lavoro con il catalogo commerciale e fornire notevole assistenza con l'ottimizzazione dei motori di ricerca. Il catalogo del Marketplace contiene 245 negozi online già pronti, 373 siti web già pronti, 127 soluzioni di settore e 45 soluzioni SEO.

Per installare un modulo Bitrix a pagamento dal Marketplace, trova la sua scheda nel catalogo, fai clic sul pulsante Acquista e paga il modulo. Presto riceverai un'e-mail dallo sviluppatore con un coupon di attivazione e le istruzioni di installazione. Successivamente, accedi al tuo pannello di controllo, vai alla scheda Marketplace e, nella sezione Aggiornamento soluzioni, vai alla scheda Attivazione coupon. Inserisci il codice coupon. Successivamente, il nome del modulo acquistato apparirà nell'elenco dei moduli disponibili. Fare clic sul pulsante "Installa" e procedere come per l'installazione di un modulo gratuito.

Oggi impareremo come formattare correttamente header.php in Bitrix, come includere correttamente .css e .js in header.php, come includere correttamente jQuery in Bitrix e come abilitare la compressione dei file .css e .js in Bitrix.

Questo è un problema molto acuto e urgente oggi. Le chiamate più frequenti ai moduli sono legate ad errori negli script, quando jQuery viene incluso in modo errato intestazione.php e molto spesso sono collegati diversi jQuery, ma solo una libreria jQuery dovrebbe essere collegata su tutte le pagine del sito e il primo tra tutti gli script del modello del sito.

C'era un record su un sito, ho contato 7 librerie jQuery collegate, solo una persona era stanca di cercare errori e non c'era nessun posto dove andare, quando il problema è stato trovato e risolto, tutto ha iniziato a funzionare correttamente sul sito.

Quindi, quanto bene dovrebbe essere formattato il file intestazione.php modello di sito in Bitrix:

  • Prima non dovrebbero esserci spazi o trattini
  • La codifica della pagina viene impostata prima
  • Tutti i meta tag sono elencati dopo il titolo
  • Dopo i meta tag, vengono collegati gli stili del sito .css
  • E solo dopo aver collegato gli stili .css, tutti gli script .js saranno collegati
  • Se possibile, i commenti di IE dovrebbero essere omessi fino alla fine, prima del tag di chiusura.
  • Esempio HTML 5 DOCTYPE header.php

    Se noti un errore, seleziona una porzione di testo e premi Ctrl + Invio
    CONDIVIDERE:
    Computer e gadget moderni