Come Ottimizzare le performance di Magento 2

Per gli store Magento 2, l’ottimizzazione delle prestazioni è uno dei fattori fondamentali per il raggiungimento del successo della tua attività.

Se infatti il tuo negozio online sarà veloce e performante, sicuramente i tuoi clienti avranno un’ esperienza utente piacevole e torneranno così, volentieri.

Solo quando il tuo negozio è più vicino ai consumatori, aumentare il tasso di conversione e ottimizzare le entrate diventa sempre più facile.

Il Benchmark Testing, fa il confronto tra le configurazioni supportate e consigliate per Magento Enterprise Edition 2.0 e Magento Enterprise Edition 1.14.2. Il test ha dimostrato che Magento 2.0 è considerata la piattaforma migliore rispetto a Magento 1.x,  attraverso tutte le metriche e i casi d’uso. Con la versione Magento 2, infatti hai molte migliorie:

  • Puoi elaborare fino al 39% in più di ordini all’ora
  • Puoi fornire tempi di risposta del server quasi istantanei per la navigazione del catalogo
  • Tempi di risposta del server add-to-cart fino al 66% più veloci
  • Tempi di pagamento end-to-end più rapidi fino al 51%

Al giorno d’oggi, quando la consapevolezza delle prestazioni di Magento 2 è diffusa, molte tecnologie aggiuntive sono integrate per supportare l’ottimizzazione delle prestazioni di Magento 2 come Varnish, Redis, Nginx e persino la soluzione full page cache.

Otterrai quindi grandi cambiamenti per migliorare le prestazioni di Magento 2 e migliorare l’esperienza del cliente nel tuo negozio.

Come ottimizzare le prestazioni di Magento 2

Come ti dicevo, avere un sito reattivo che risponde prontamente al cliente, è fondamentale per la soddisfazione del cliente stesso. Vediamo quindi qualche piccolo accorgimento che può aiutarci in questo.

Passaggio 1: abilita le categorie e i prodotti flat

Forse sai che uno degli aspetti che ha una grande influenza sulla velocità delle prestazioni di Magento 2 è la capacità di caricamento del database. Nella configurazione, abilita Flat Catalog per velocizzarlo.

Flat Catalog consente di scaricare il numero del database una volta che c’è una richiesta per mostrare il prodotto. Allo stesso tempo, la complessità delle query MySQL sarà ridotta.

Vai a backend –> Negozi –> Configurazione –> Catalogo –> Catalogo –> Storefront, scegli nel campo Use Flat Catalog Category.

flat-catalog-magento

Passaggio 2: merge CSS e JS

Il prossimo passo che devi seguire è fare il merge e minimizzare i file CSS e Javascript, il che significa rendere la pagina web il più leggera possibile per il caricamento veloce. Ricordati di mettere Magento 2 in modalità produzione.

./bin/magento deploy:mode:set production

File Javascript

  • Vai sul backend, Negozi –> Configurazione –> Avanzate –> Sviluppatore —-> Impostazioni JavaScript
  • Imposta Merge file JavaScript su
  • Imposta Minimizza file JavaScript su

File CSS

  • Vai sul backend, Negozi –> Configurazione –> Avanzate –> Sviluppatore —-> Impostazioni CSS
  • Imposta Merge file CSS su
  • Imposta Minimizza file CSS su

Passaggio 3: rete di distribuzione dei contenuti

Content Delivery Network (CDN) è un sistema speciale in grado di connettere tutti i server cache. Oltre alla vicinanza geografica supportata, CDN si occuperà della distribuzione dei contenuti Web e velocizzerà il caricamento della pagina.

Segui questa guida per configurare CDN per i negozi Magento 2.

Step 4: Caching

Vai su Sistema –> Gestione della Cache

cache-magento

Qui trovi molte opzioni di memorizzazione nella cache per svuotare la cache di Magento 2. Tocca Abilita e poi Invia le opzioni di cui hai bisogno.

Passaggio 5: ottimizzazione dell’immagine

L’immagine è un fattore necessario per rendere più vivide le prestazioni del tuo negozio Magento 2. Tuttavia, la dimensione dell’immagine se è troppo pesante da caricare sul tuo sito, può creare problemi di sovraccarico. Pertanto, la compressione dell’immagine dovrebbe essere eseguita prima di inviare qualsiasi immagine. Puoi utilizzare il formato JPEG per le immagini dei prodotti e PNG o SVG per il layout e il logo.

Passaggio 6: abilitare la compressione

Cambiamo le direttive di compressione nginx da:

gzip_types: testo/applicazione semplice/testo x-javascript/testo javascript/testo xml/immagine css/immagine x-icon/immagine bmp/immagine png/gif; a gzip_types:;

Passaggio 7: ridurre i tempi di risposta del server

Con la funzionalità cache integrata di Magento 2, il tempo di risposta del tuo sito è abbastanza buono con circa 0,5 secondi. Ma non è come si aspetta Google. Per questo motivo, Magento 2 supporta la full page cache, tramite Varnish in modo nativo. Impostiamo Varnish per ottenere il primo byte intorno a 0.1-0.2s.

Vai a backend, Negozi –> Configurazioni –> Avanzate –> Sistema –> Full Page Cache, trasferisci l’applicazione di memorizzazione nella cache a Varish Cache.

Apri la sezione Configurazione Varnish, completa le impostazioni:

Passaggio 8: aggiornamenti Magento

Ricorda di aggiornare il tuo negozio Magento 2.

Conclusioni

Con questi piccoli accorgimenti, potrai aumentare la velocità del tuo store Magento ed avere prestazioni migliori. Ricorda, un sito lento può compromettere le tue vendite, quindi dovrai fare in modo che il tuo sito sia veloce e reattivo.

Errore 404 in Magento: come risolverlo e perché si verifica

C’è un errore molto comune con il quale gli utenti Magento devono spesso fare i conti, dopo aver installato il proprio sito Magento. Infatti anche se l’installazione ha dato esito positivo, può apparire l’errore 404 Not Found nella pagina di amministrazione. Questo errore di solito si verifica anche dopo l’installazione o l’aggiornamento delle estensioni.

Come risolvere l’errore 404 di Magento Admin

Poiché per questo errore ci sono diverse possibili cause, ci possono essere anche diverse soluzioni possibili. Vediamo insieme le più comuni. Puoi provarle tutte fino a che il problema non si risolve.

1. Ricontrolla l’URL dell’amministratore in env.php

È possibile che tu abbia digitato male l’URL dell’amministratore. Per assicurarti di avere l’URL dell’amministratore corretto, vai su [..]/app/etc/ e apri il file env.php.

env-php

Ad esempio, con admin come frontName, l’URL dell’amministratore sarà http://magento-website.com/admin.

2. Svuota la cache di Magento

Puoi svuotare la cache di Magento usando la riga di comando:

php bin/magento cache:clean
rm -rf var/cache/*
rm -rf var/generation/*

3. Servire i file dalla directory /pub

Questa soluzione è specifica per gli utenti che usano Magento versione 2.4.2 e successive. Il motivo per cui potresti infatti potresti avere un errore 404 non trovato dopo una nuova installazione di Magento 2.4.2 è proprio dovuto a un cambiamento a partire da Magento 2.4.2, che richiede di impostare il webroot su /pub/ per una maggiore sicurezza.

Per ovviare a questo, ti consigliamo di seguire la guida ufficiale di Magento. L’intero processo prevede vari passaggi come: modificare la configurazione del server, aggiornare l’URL di base, aggiornare il file env.php e cambiare modalità.

4. Aggiungi/sostituisci il file .htaccess nella cartella principale

Aggiungi/sostituisci il file .htaccess predefinito nella cartella principale con il file .htaccess ufficiale dalla base di codice Magento.

RewriteEngine on
RewriteCond %{REQUEST_URI} !^/pub/
RewriteCond %{REQUEST_URI} !^/setup/
RewriteCond %{REQUEST_URI} !^/update/
RewriteCond %{REQUEST_URI} !^/dev/
RewriteRule .* /pub/$0 [L]
DirectoryIndex index.php

5. Elimina la cartella var/cache

Elimina la cartella var/cache
Vai al tuo database Magento 2 ed esegui la seguente query SQL:

SELECT * FROM core_config_data WHERE path = 'web/seo/use_rewrites'

E cambia il valore di web/seo/url_rewrites a 0

web-seo-url

Per vedere se funziona, accedi al tuo Magento Admin tramite: https://your_magent_base_url/index.php/your_admin_url/

Conclusioni

Come vedi, tante possono essere le motivazioni per cui si può verificare l’errore 404. Tuttavia non disperare, provando uno di questi sistemi, sicuramente riuscirai a risolvere tutto.

Come abilitare Merge CSS, Javascript in Magento 2

Tutti i file CSS separati e i file JavaScript possono essere uniti in un unico file che aiuta a ottimizzare il tuo sito e ridurre il tempo di caricamento della pagina. Dopo l’unione, un file CSS unito o file di script verranno visualizzati senza interruzioni di riga e non sarà consentito modificare il file.

Per abilitare Merge CSS, JavaScript in Magento 2 puoi seguire alcuni semplici passaggi indicati di seguito.

Come abilitare Merge CSS, JavaScript in Magento 2

  • Merge file CSS in Magento 2
  • Merge JavaScript in Magento 2

Merge file CSS in Magento 2

Nel Pannello di amministrazione, fai clic su Negozi. Nella sezione Impostazioni, seleziona Configurazione.
Seleziona Sviluppatore nella sezione Avanzate nel pannello a sinistra
Apri la sezione Impostazioni CSS e continua con quanto segue:

css-setting

Nel campo Merge CSS File, seleziona Yes
Al termine, fare clic su Save config.

 

Merge file Javascript in Magento 2

Nel Pannello di amministrazione, fai clic su Negozi. Nella sezione Impostazioni, seleziona Configurazione.
Seleziona Sviluppatore nella sezione avanzate nel pannello a sinistra
Apri la sezione Impostazioni JavaScript e continua con quanto segue:

merge-javascript

Nel campo Merge JavaScript File, seleziona Yes
Al termine, fare clic su Save config.

Come configurare la CDN in Magento 2

Le CDN – Content Delivery Network sono la spina dorsale trasparente di Internet e sono responsabile della distribuzione dei contenuti. Ognuno di noi interagisce quotidianamente con i CDN; quando si leggono articoli su siti di notizie, si fanno acquisti online, si guardano video di YouTube o si sfogliano i feed dei social media.

Per capire perché le CDN sono così ampiamente utilizzati, devi prima capire quale problema risolvono. La latenza, è il fastidioso ritardo che si verifica dal momento in cui richiedi di caricare una pagina Web al momento in cui il suo contenuto appare effettivamente sullo schermo. La CDN serve ad ovviare a questo problema.

In sostanza, le CDN consentono di velocizzare il processo di trasferimento delle risorse  per caricare i contenuti Internet. Ormai i servizi CDN sono diventati un elemento fondamentale che, ad oggi, viene utilizzato dalla maggior parte del traffico Web, compreso il traffico da siti importanti come Facebook, Netflix e Amazon.

Cos’è la CDN?

L’intervallo di ritardo è influenzato da una serie di fattori, molti dei quali sono specifici di una determinata pagina web. In tutti i casi, tuttavia, la durata del ritardo è influenzata dalla distanza fisica tra te e il server di hosting di quel sito web.

cosa-è-cdn

La missione della CDN è ridurre virtualmente quella distanza fisica, con l’obiettivo di migliorare la velocità e le prestazioni di rendering del sito.

Come configurare la CDN in Magento 2

Configurare CDN Magento 2 – Content Delivery Network (CDN) è una delle soluzioni avanzate da tenere in considerazione, quando le prestazioni del tuo sito sono troppo basse. Il tempo di caricamento del web è un fattore importante che influenza la tua esperienza utente, così come il SEO . A differenza della full page cache, il Content Delivery Network (CDN) non è completamente integrato in Magento 2, quindi devi scegliere e configurare un CDN per conto tuo.

Pertanto, in questo post, vedremo come installare un CDN su Magento per aiutarti a raggiungere una velocità incredibile sul sito.

Configurare una  CDN in Magento 2

  • Nel Pannello di amministrazione, fai clic su Negozi.
  • Nella sezione Impostazioni, seleziona Configurazione.
  • Seleziona Web in Generale nel pannello a sinistra
    Apri la sezione URL di base e continua con quanto segue:

cdn-magento-configurazione

Nel campo Base URL for static View Files inserisci l’URL della posizione sulla CDN in cui sono archiviati i file di visualizzazione statica
Nel campo Base URL User Media Files, inserisci l’URL dei file JavaScript sul CDN
Apri la sezione Base URL (secure) e continua con quanto segue:

Nel campo Secure Base URL for Static View Files, inserisci l’URL della posizione sulla CDN in cui sono archiviati i file di visualizzazione statica.
Nel campo Secure Base URL for User Media, inserisci l’URL dei file JavaScript sulla CDN.

Al termine, fare clic su Save config e il gioco è fatto!

Fonte: MagePlaza

Come aggiornare Magento 2

In questa breve guida vedremo come aggiornare Magento in modo facile e veloce. Il procedimento si compone di 4 step, vediamoli nel dettaglio.

Passaggio 1: esegui il backup del tuo negozio

La creazione di un backup per il tuo sito Magento 2 è fondamentale e necessaria prima di ogni operazione di questo tipo. In questo modo puoi proteggere tutti i dati, tramite Gestione backup, in caso di modifiche o interruzioni del sito.

Passaggio 2: attiva la modalità di manutenzione

Dovresti mettere il tuo negozio in modalità di manutenzione durante l’aggiornamento. Per abilitare la modalità di manutenzione:

php bin/magento maintenance:enable

In questo si creerà un nuovo file var/.maintenance.flag. Se non puoi disabilitare la modalità di manutenzione, puoi rimuovere questo file

Passaggio 3: aggiorna a Magento 2

In questo caso, aggiorneremo alla versione Magento 2.4.2. Puoi vedere le ultime versioni Magento rilasciate, nella pagina Github dedicata.

Passaggio 3.1 Inserisci pacchetto

Usa il seguente comando terminal/command-prompt :

composer require magento/product-community-edition 2.4.2 --no-update
composer update

Potrebbero essere richiesti nome utente e password in questo modo:

magento-migrazione

 

Passaggio 3.2 Svuota la cache

Ora è il momento di svuotare la cache. Esegui la seguente riga di comando nella cartella principale:

rm -rf var/cache/*

rm -rf var/page_cache/*

rm -rf var/generation/*

Note:
Puoi installare anche Memcached, Redis cache

Passaggio 3.3 Esegui l’aggiornamento di Magento

Esegui modulo di aggiornamento:

php bin/magento setup:upgrade

Passaggio 3.4 Esegui compile e reindex

Dovresti eseguire compile e reindex per prestazioni migliori dopo l’aggiornamento.

php bin/magento setup:di:compile
php bin/magento indexer:reindex

Note:
In Ubuntu/Debian Linux, quando incontri i problemi di autorizzazione, ricorda di inserire sudo all’inizio di ogni comando come sudo composer update.

Passaggio 3.5 Disabilita la modalità di manutenzione

Hai attivato la modalità di manutenzione nel passaggio 2, ora devi disattivarla. Esegui la seguente riga di comando per disattivarlo:

php bin/magento maintenance:disable

Passaggio 4: controlla la versione corrente di Magento 2

Successivamente, puoi controllare la versione di Magento 2 eseguendo il comando.

php bin/magento --version

Se il sistema mostra l’errore di autorizzazione di scrittura della cache, aggiungere il seguente comando per concedere l’autorizzazione di scrittura alle directory pub e var:

chmod -R 777 pub var

FAQ

D: Non riesco ad accedere al frontend dopo l’aggiornamento?
Potresti ricevere questo messaggio: We’re sorry, an error has occurred while generating this email

Risposta:
Ciò è dovuto ai permessi di lettura-scrittura per il server web. Esegui il seguente comando per risolverlo:

 find var vendor pub/static pub/media app/etc -type f -exec chmod u+w {} \; && find var vendor pub/static pub/media app/etc -type d -exec chmod u+w {} \; && chmod u+x bin/magento

Svuota nuovamente la cache:

rm -rf var/cache/*
rm -rf var/page_cache/*
rm -rf var/generation/*

Conclusione

Come vedi in pochi e semplici passi, è possibile aggiornare il tuo store Magento ad una versione successiva. Mantenere aggiornato il tuo sito, è fondamentale per la sicurezza del tuo E-Commerce.

Ogni aggiornamento nuovo infatti, contiene al suo interno dei miglioramenti, non solo di usabilità e funzionalità, ma anche di sicurezza, volti ad eliminare le vulnerabilità che si possono creare.

 

Requisiti Stack Tenologici Magento 2.4

Per avere un sito sicuro da attacchi esterni, è fondamentale tenerlo sempre aggiornato. Se si parla di E-Commerce questa operazione diventa un routine fondamentale da seguire, al fine di tutelare i tuoi clienti.

Ultimamente Magento ha fatto uscire la sua versione Magento 2.4 con relative patches.

L’ultima versione disponibile include tantissime nuove funzionalità e correzioni di bug, con molteplici modifiche alla sicurezza, 7 cicli di test, 12 pacchetti ed estensioni, nonché il supporto per Php 7.4

Ma quali sono gli stack tecnologici che questa nuova versione richiede? Vediamoli insieme.

Requisiti tecnologici Magento 2.4

La tabella che trovi di seguito riporta le versioni del software che sono state ufficialmente testate e supportate al momento del rilascio della versione Magento. Le versioni più recenti del software richiesto potrebbero funzionare ma non sono state testate.

requisiti-sistema-magento2

Varie

Questa sezione descrive il supporto e la compatibilità per tutti gli altri tipi di software obbligatori e opzionali.

Server email

Mail Transfer Agent (MTA) o un server SMTP

Sistemi operativi (Linux x86-64)

Distribuzioni Linux, come RedHat Enterprise Linux (RHEL), CentOS, Ubuntu, Debian e simili. Magento non è supportato su Microsoft Windows e macOS.

Estensioni PHP

  • ext-bcmath
  • ext-ctype
  • ext-curl
  • ext-dom
  • ext-gd
  • ext-hash
  • ext-iconv
  • ext-intl
  • ext-mbstring
  • ext-openssl
  • ext-pdo_mysql
  • ext-simplexml
  • ext-soap
  • ext-xsl
  • ext-zip
  • ext-sockets

Per i dettagli di installazione, puoi fare riferimento alla documentazione ufficiale PHP

PHP OPcache

Ti conviene sempre verificare che PHP OPcache sia abilitato per motivi di prestazioni. L’OPcache è abilitato in molte distribuzioni PHP. Per verificare se è installato, consulta la documentazione PHP di Magento.

Se devi installarlo separatamente, consulta la documentazione di PHP OPcache.

Impostazioni PHP

Ti conviene utilizzare particolari impostazioni di configurazione PHP, come memory_limit, che possono evitare problemi comuni quando si utilizza Magento.

Per ulteriori informazioni, vedere Impostazioni PHP richieste.

PHPUnit

PHPUnit (come strumento da riga di comando) 9.0.0

RAM

L’aggiornamento delle applicazioni e delle estensioni Magento ottenute da Magento Marketplace e altre fonti può richiedere fino a 2 GB di RAM. Se stai utilizzando un sistema con meno di 2 GB di RAM, ti consigliamo di creare un file di scambio; in caso contrario, l’aggiornamento potrebbe non riuscire.

Dipendenze di sistema

Magento richiede i seguenti strumenti di sistema per alcune delle sue operazioni:

SSL

  • Per HTTPS è richiesto un certificato di sicurezza valido.
  • I certificati SSL autofirmati non sono supportati.
  • Requisito Transport Layer Security (TLS): PayPal e repo.magento.com richiedono entrambi TLS 1.2 o versioni successive.

Browser supportati

Storefront e Admin:

  • Microsoft Edge, più recente–1
  • Firefox più recente, più recente-1 (qualsiasi sistema operativo)
  • Chrome più recente, più recente-1 (qualsiasi sistema operativo)
  • Safari più recente, più recente–1 (solo Mac OS)
  • Safari Mobile per iPad 2, iPad Mini, iPad con display Retina (iOS 12 o successivo), per vetrina desktop
  • Safari Mobile per iPhone 6 o successivo; iOS 12 o versioni successive, per la vetrina mobile
  • Chrome per dispositivi mobili più recente–1 (Android 4 o versioni successive) per vetrina mobile

Xdebug

php_xdebug 2.5.x o successivo (solo ambienti di sviluppo; può avere un effetto negativo sulle prestazioni)

Esiste un problema noto con xdebug che può influire sulle installazioni di Magento o sull’accesso allo storefront o all’amministratore di Magento dopo l’installazione. Per i dettagli, puoi vedere le info sulla guida Magento.

PWA e requisiti hosting

Le Progressive Web App (PWA) sono un elemento davvero molto caldo nell’attuale panorama di sviluppo. Molte persone che lavorano nel ramo IT stanno effettivamente studiano e pensando a loro. Ma il fatto è che non ci sono ancora molti casi reali per mostrare adeguatamente la tecnologia.

Questo poi è particolarmente vero per il mercato al dettaglio europeo. Pertanto, vale la pena mettere i riflettori sulle Progressive Web App e sui loro possibili vantaggi.

Ma in effetti, cosa sono le PWA? E quali opportunità e funzionalità extra ha in serbo questa nuova tecnologia per i negozi online che utilizzano Magento?

Che cos’è una PWA?

Probabilmente hai già sentito parlare delle molteplici qualità che possiedono le Progressive Web App. Molti esperti di tecnologia ritengono di avere il potenziale per far progredire il Web mobile e aiutare gli sviluppatori di dispositivi mobili a raggiungere più utenti, oltre i confini degli app store tradizionali. Sembra fantastico, ma cosa sono esattamente le app Web progressive?

“Le PWA sono app incentrate sui dispositivi mobili che utilizzano funzionalità Web all’avanguardia per offrire un’esperienza utente simile a un’app”. È così che Google definisce questo fenomeno relativamente nuovo. Potresti non notarlo sempre, ma le app native che acquisti nell’app store sono molto versatili. Inviare notifiche push, lavorare offline, caricare sulla schermata iniziale, queste sono solo un paio di attività importanti che svolgono. Le app Web mobili a cui si accede in un browser mobile, al confronto, sono sempre state più limitate quando si tratta del numero e della complessità delle funzionalità disponibili.

È qui che entrano in gioco le Progressive Web App. Queste trasportano le funzionalità tradizionalmente associate alle app native nell’esperienza del browser mobile. Per fare ciò, utilizzano tecnologie basate su standard e vengono eseguiti in un contenitore sicuro accessibile a chiunque sul Web. I potenti utenti del servizio di Progressive Web Apps potenziano la funzionalità offline, inviano notifiche, eseguono l’aggiornamento dei contenuti in background e regolano la memorizzazione nella cache dei contenuti. Le PWA vengono avviate dal tuo browser web, ma possono essere memorizzate sul tuo smartphone. Inoltre, non è necessario scaricarli. Pertanto le PWA rimangono sempre aggiornate.

Come funzionano le PWA?

Le PWA funzionano praticamente come le applicazioni Web tradizionali, ma sono migliorate con le moderne funzionalità e tecnologie Web. Da qui l’aggettivo “progressivo”. La tecnologia PWA si basa su standard open source e si basa su HTML, CSS e JavaScript. Quando installi le PWA, le applicazioni riceveranno la propria finestra o collegamento sulla barra delle applicazioni, se utilizzi Windows 10 o Chrome. Se sei un utente Android, la PWA apparirà come un’icona nella schermata iniziale.

App Web Progressive e negozi Magento

Magento ha riconosciuto PWA come una soluzione web interessante. L’azienda ritiene che le PWA abbiano il potenziale per cambiare il panorama dell’e-commerce, una rivoluzione che potrebbe essere di portata simile alla transizione avvenuta anni fa dai siti desktop convenzionali ai siti Web che si basano fortemente sul web design responsive. Magento ha sviluppato il proprio PWA che si chiama PWA studio.

Principali vantaggi delle PWA

L’entusiasmo per le PWA che Magento e aziende come Google (che ha coniato il termine PWA) mostrano, è alimentato da alcuni importanti vantaggi potenziali che queste applicazioni web portano al campo di gioco dello sviluppo.

Le applicazioni Web progressive sono dotate di API, che ti consentono di eseguire JavaScript in background. Questa innovazione è molto utile quando si tratta di migliorare funzionalità come il precaricamento dei contenuti, la sincronizzazione e la ricezione di dati e l’invio di notifiche push.

In sostanza le PWA:

  • consentono di accelerare e ridurre lo sviluppo delle app. Attualmente, devi spesso sviluppare versioni separate per Android e iOS. Le applicazioni Web progressive sono progettate per funzionare sempre e ovunque.
  • non sono adatte solo per i dispositivi mobili, ma anche per desktop.
  • sono SEO-friendly. Google probabilmente favorirà le PWA nei futuri algoritmi di ranking.
  • migliorano le prestazioni del tuo negozio Magento.
  • forniscono uno scorrimento e una transizione delle pagine più fluidi. Ciò elimina in gran parte la necessità di ricaricare le pagine.

Requisiti di hosting PWA

Ma come si ospitano le app Web progressive di Magento?  Il requisito principale è che la PWA sia servita da una connessione HTTPS valida e sicura. Per sfruttare appieno i service worker eseguiti in background, la specifica della PWA richiede che sia ospitata su HTTPS. Oltre a questo aspetto fondamentale, esistono altri requisiti per l’implementazione di applicazioni Web progressive.

Devi apportare lievi modifiche alla configurazione del tuo server per rendere possibile l’hosting PWA. Puoi farlo facilmente da solo quando utilizzi un VPS non gestito, ma spesso non è così se la tua PWA Magento deve essere eseguita in un ambiente di hosting gestito.

Non è un requisito di hosting, ma PWA richiede che i browser supportino i service worker. Questo strumento è responsabile di attività e funzionalità chiave come la memorizzazione nella cache dei file, le notifiche push, gli aggiornamenti dei contenuti e la gestione dei dati. Tutti i browser più comunemente usati come Chrome e Safari lo fanno.

Questa è una piccola introduzione a quello che sono le PWA, a cosa funzionano e di quali requisiti necessitano. Le PWA sono ormai il futuro, perché consentono di avere funzionalità che il normale design o non ha o diventa complicato ottenere.

Magento 2 su Amazon AWS: tutto quello che devi sapere

Magento attualmente gestisce oltre 250.000 siti Web live in tutto il mondo.

In media, Magento viene scaricato 5.000 volte al giorno. E, soprattutto, i merchants che utilizzano Magento crescono 3 volte più velocemente di altri.

Parte del motivo sono le sue potenti prestazioni, l’elevata scalabilità e la versatilità. In parole semplici, la piattaforma Magento ti dà la possibilità di costruire il tuo negozio di eCommerce nel modo desiderato con una vasta opportunità di scalare.

Tuttavia, Magento da solo non può soddisfare tutte le moderne esigenze del mercato. È inoltre necessario disporre della piattaforma di hosting ottimizzata più elevata con l’infrastruttura migliore del settore per ospitare il tuo negozio di eCommerce basato su Magento.

Ed è qui che entra in gioco Amazon Web Services (AWS).

AWS, acronimo di Amazon Web Services è una soluzione cloud di hosting, con una certa tipologia di caratteristiche proprie.

Lanciato nel 2006, AWS è emerso dall’infrastruttura interna di Amazon, creata per gestire le proprie operazioni di vendita al dettaglio online.

In effetti, AWS è la prima azienda a introdurre una soluzione di cloud computing con pagamento in base al consumo che ridimensiona lo storage, la potenza di calcolo e il throughput in base alle esigenze.

È stato sviluppato con la combinazione delle offerte Platform as a Service (PaaS), Infrastructure as a Service (IaaS) e Software as a Service (SaaS).

Come installare Magento su AWS

Potresti trovare difficile ospitare direttamente Magento su AWS. Il funzionamento orientato a SysAdmin di Amazon non è per tutti. Tuttavia vediamo come installare Magento su AWS.

Gli step da seguire sono:

  • Configurazione un server su Amazon
  • Installazione gli strumenti prerequisiti sul server
  • Setup Database
  • Installazione e configurazione Magento su AWS

1. Configurare un server su Amazon

Vai su https://aws.amazon.com e registra il tuo account. Successivamente, vai alla console di gestione AWS e ti verrà richiesta la seguente schermata:

aws-step-1

Se non riesci a vedere la schermata sopra, prova a trovarla nella sezione “Trova servizi“. Lo troverai sicuramente lì.

Fare clic su “Avvia istanza“.

Ora scegli una macchina con un sistema operativo predefinito da Ubuntu, Linux, Windows, ecc.

Tutto ciò che devi assicurarti è che corrisponda ai requisiti di sistema di Magento 2, ovvero 2 GB di RAM.

Ora, il passo successivo è selezionare il tipo “t2 medium”.

Quindi, fai clic sui dettagli Configura istanza e ti verrà richiesta la seguente schermata:

istanza-configurazione

Successivamente, è il momento di configurare la tua macchina.

Qui, devi solo procedere ulteriormente con opzioni di archiviazione aggiuntive.

Tuttavia, la dimensione di archiviazione predefinita sarebbe sufficiente per iniziare. Tuttavia, puoi aumentare le dimensioni se lo desideri.

Successivamente, fai clic su “Aggiungi tag” e configura il pulsante del gruppo di sicurezza. Questo passaggio può sembrare elementare, ma ricorda che è molto cruciale.

Ora è il momento di aggiungere regole su quali paesi in tutto il mondo potranno accedere al tuo server.

In altre parole, qui possiamo inserire regole di sicurezza o navigare nel tipo e selezionare tutto il traffico.

Successivamente, fai clic su “Rivedi e avvia”.

Qui, seleziona la coppia di chiavi e inserisci una chiave, che ti consentirà di connetterti al tuo computer server in modo sicuro.

Tecnicamente, ci sarà una chiave pubblica che AWS memorizza e anche un file di chiave privata che memorizzerai.

Quindi, scarica questa coppia di chiavi e conservala in modo sicuro con te poiché non sarai in grado di accedere al tuo server senza di essa.

Successivamente, fai clic su “Avvia istanza” e verifica se riesci a vedere le cose inizializzate.

Ora, individua la “icona a matita” e fai clic su di essa per scrivere un nome per il tuo server.

Infine, sarai connesso al tuo nuovo server.

Ora installa git se non l’hai già fatto e scarica la coppia di chiavi che hai memorizzato in precedenza.

Quindi, seleziona git bash e copia questa riga.

 

Inoltre, assicurati di incollarlo anche in git bash.

Ed è fatto!

Ora premi il tasto “Invio” sulla tastiera e troverai il tuo server.

2. Installare gli strumenti prerequisiti sul server

Il passaggio successivo del processo consiste nell’installare gli strumenti prerequisiti sul server AWS.

Per questo, eseguire il codice seguente nell’ordine indicato

ls -al

Il codice sopra mostrerà tutte le cartelle sul tuo server.

sudo su

Questo codice ti reindirizzerà alla cartella home/Ubuntu. Ciò significa fondamentalmente che hai effettuato l’accesso come utente root.

apt-get update

Il codice sopra aggiornerà il tuo server con tutti gli strumenti più recenti.

sudo apt-get install apache2 php libapache2-mod-php mysql-server php-mysql php-dom php-simplexml php-curl php-intl php-xsl php-mbstring php-zip php-xml composer

Questo codice installerà Apache, PHP, server MySQL per database e tutti gli strumenti necessari richiesti per Magento.

Ora, premi “Y” per completare il processo di installazione.

Successivamente, installa l’estensione PHP gd utilizzando il seguente codice.

apt-get install php7.2-gd

Successivamente, installa l’estensione PHP mcrypt con il seguente comando.

apt-get install php7.2-mcrypt

Ora, esegui:

sudo a2enmod rewrite

Quindi, riavvia Apache con il seguente comando:

systemctl restart apache2

Successivamente, naviga utilizzando i seguenti 2 comandi:

cd /etc/apache2/
sudo nano apache2.conf

Ora premi ctrl+w e cerca gli indici.

Quindi, sostituisci Nessuna parola con tutti come mostrato di seguito:

Ora premi ctrl+x, quindi premi Y e premi Invio.

Successivamente, riavvia nuovamente Apache:

systemctl restart apache2.service

Quindi, vai alla cartella radice pubblica e clona Magento 2 da Github usando i seguenti comandi:

cd /var/www/html
git clone https://github.com/Magento/Magento2.git
cd Magento2

Ora installa il compositore usando il seguente comando:

Esegui i comandi seguenti per risolverlo:

apt-get install php7.2-bcmath
composer install


Nel caso in cui il compositore non venga ancora installato, esegui i seguenti comandi:

sudo apt-get install php-soap
composer install

Infine, dovrai modificare i permessi della directory in modo che l’installazione di Magento possa installare i file necessari:

chmod -R 755 /var/www/html/Magento2/
chmod -R 777 /var/www/html/Magento2/var/
chmod -R 777 /var/www/html/Magento2/pub/
chmod -R 777 /var/www/html/Magento2/app/etc
chmod -R 777 /var/www/html/Magento2/generated
sudo service Apache2 restart

3. Setup Database

Il prossimo passo è accedere a MySQL eseguendo il seguente comando:

mysql -u root -p

Una volta eseguito il comando, ti chiederà una password.

Premi il pulsante “Invio” sulla tastiera e verrai reindirizzato al terminale MySQL.

  • mostra database: mostra la tua tabella corrente.
  • crea database Magento: creerà un database per Magento
  • exit: uscirà dal terminale MySQL

4. Installazione e configurazione Magento su AWS

Questo è l’ultimo passaggio di questo tutorial e qui installeremo e configureremo finalmente Magento su AWS (Amazon Web Services).

Innanzitutto, vai al tuo indirizzo IP:

Quindi, copia e incolla nel tuo browser come xx.xxx.xxx.xx/Magento2/setup

Fare clic sul pulsante “Accetta e configura Magento”.

Successivamente, vedrai la seguente schermata.

Ora è il momento di iniziare finalmente l’installazione di Magento:

 

Congratulazioni!!

Ora hai finalmente imparato come installare Magento su AWS.

Fonte: Magedelight

Come controllare la versione di Magento

Esistono molte versioni ed edizioni di Magento 2. A volte è necessario sapere quale versione di Magento stai utilizzando, ad esempio per pianificare l’aggiornamento.

Ecco alcuni trucchi, che mostreranno la tua attuale versione di Magento 2.

Pagina speciale per la versione Magento 2

Il modo più semplice per sapere quale versione stai eseguendo senza effettuare il login, è questa interessante pagine, che presenta ogni negozio Magento.

Basta visitare questo URL: http://your_store.com/magento_version

Da qui arriverai ad una semplice pagina dove troverai la tua versione di Magento 2.

Tuttavia in questa pagina, ti verrà mostrato solo il numero di versione principale. Se desideri conoscere anche la versione minore, guarda i seguenti metodi.

Backend Footer

Un altro semplice metodo per controllare la versione è disponibile, quando hai accesso al backend. Ecco cosa devi fare:

  • Accedi al backend del tuo negozio e apri una pagina qualsiasi, ad esempio “Ordini”.
  • Presta attenzione alla sezione in basso a destra: vedrai l’attuale versione di Magento 2.

Comando SSH / CLI

Un altro metodo semplice è un comando CLI speciale. Ecco cosa devi fare:

  • Accedi a SSH / CLI del tuo negozio e vai alla radice del tuo negozio.
  • Esegui il comando bin / magento –version

Vedrai il log, che descrive la versione corrente della CLI di Magento, che corrisponde alla tua attuale versione di Magento:

Magento CLI version 2.2.3

File di installazione del compositore

Se il tuo Magento è stato installato tramite Composer, hai un altro metodo per controllare la versione di Magento 2. Ecco cosa devi fare:

  • Accedi al tuo negozio utilizzando FTP / SSH e vai alla radice del tuo negozio.
  • Apri il file composer.json.
  • La proprietà version nella prima struttura dati contiene la versione precisa del tuo Magento 2

Come Configurare Varnish in Magento 2″

Varnish Cache è un acceleratore di applicazioni Web open source (noto anche come HTTP accelerator o caching HTTP reverse proxy). Varnish archivia (o memorizza nella cache) file o frammenti di file in memoria; questo consente a Varnish di ridurre il tempo di risposta e il consumo di banda di rete su future richieste equivalenti. A differenza dei server web come Apache e nginx, Varnish è stato progettato per essere utilizzato esclusivamente con il protocollo HTTP.

Magento 2.4.2 è testato con Varnish 6.4. Magento 2.4.x è compatibile con Varnish 6.x
Lo stesso Magento consiglia vivamente di utilizzare Varnish in produzione. Il Built in full page caching (nel file system o nel database) è molto più lento di Varnish e Varnish è progettato per accelerare il traffico HTTP.

Puoi trovare ulteriori informazioni nel link di seguito:

Diagramma della topologia di Varnish
La figura seguente ti mostra una visione di base di Varnish nella topologia di Magento.

varnish_basic

Nella figura precedente si può vedere come le richieste HTTP degli utenti su Internet danno luogo a numerose richieste di CSS, HTML, JavaScript e immagini (denominate collettivamente risorse). Varnish si trova di fronte al server web e inoltra queste richieste al server web.

Quando il server Web restituisce le risorse, le risorse memorizzabili nella cache vengono archiviate in Varnish. Eventuali richieste successive per tali risorse vengono soddisfatte da Varnish stesso (il che significa che le richieste non raggiungono il server web). Varnish quindi restituisce il contenuto memorizzato nella cache in modo estremamente rapido. I risultati sono tempi di risposta più rapidi per restituire il contenuto agli utenti e un numero ridotto di richieste che devono essere soddisfatte da Magento.

Le risorse memorizzate nella cache da Varnish scadono a un intervallo configurabile o vengono sostituite da versioni più recenti delle stesse risorse. Puoi anche svuotare la cache manualmente utilizzando Magento Admin o il comando magento cache: clean.

Panoramica del processo

In questa sezione vedremo come installare inizialmente Varnish con un set minimo di parametri e testarne il funzionamento. Quindi esporterai una configurazione di Varnish dall’admin di Magento e la testerai di nuovo.

Il processo può essere riassunto come segue:

  • Installa Varnish e testalo accedendo a qualsiasi pagina Magento per vedere se stai ricevendo intestazioni di risposta HTTP che indicano che Varnish sta funzionando.
  • Installa il software Magento e utilizza il Magento Admin per creare un file di configurazione di Varnish.
  • Sostituisci il tuo file di configurazione Varnish esistente con quello generato dall’amministratore.
  • Prova di nuovo tutto.

Se non c’è niente nella tua directory <magento_root> / var / page_cache, hai configurato correttamente Varnish con Magento!

Tranne dove diversamente specificato, è necessario immettere tutti i comandi discussi poco fa, come utente con privilegi di root.
Questo vale per Varnish su CentOS e Apache 2.4. Se stai configurando Varnish in un ambiente diverso, alcuni comandi potrebbero essere diversi. Consulta la documentazione di Varnish per ulteriori informazioni.

Problemi riscontrati

In questo processo possono crearsi alcuni problemi, vediamo quali:

  • Varnish non supporta SSL
    In alternativa, utilizza la terminazione SSL o un proxy di terminazione SSL.
  • Se elimini manualmente il contenuto della directory <magento_root> / var / cache, devi riavviare Varnish.
  • Possibile errore durante l’installazione di Magento:
Error 503 Service Unavailable
Service Unavailable
XID: 303394517
Varnish cache server


Se si verifica questo errore, modifica default.vcl e aggiungi un timeout al backend come segue:

backend default {
    .host = "127.0.0.1";
    .port = "8080";
    .first_byte_timeout = 600s;
}