Până acum, în această serie, am făcut majoritatea pașilor necesari pentru optimizarea la fața locului. Acum, în a treia parte a acestei serii, veți afla cum să optimizați instalarea Magento pentru a reduce timpul de încărcare a paginii și cum să integrați fragmente îmbogățite pentru a vă face rezultatele de căutare să pară mai profesionale.

Cresterea vitezei

Reducerea timpului de încărcare a paginii este o preocupare pentru toți dezvoltatorii web. Magento, fiind un gigant al unui CMS, nu este foarte rapid, dar aducerea unor mici modificări poate spori performanța sa.

Reducerea timpului de încărcare a paginii este necesar nu numai pentru a îmbunătăți experiența utilizatorului și pentru a reduce rata de respingere, dar și pentru a vă ajuta să vă poziționați bine în motoarele de căutare. Începând cu anul 2010, Google acordă o importanță deosebită pentru timpul de încărcare a paginii unui site în determinarea clasamentului paginii. Aici vom discuta pe scurt câteva modalități rapide și fezabile de a reduce timpul de încărcare a paginii magazinului Magento.

Cea mai rapidă și mai ușoară modalitate de a face site-ul Magento rapid este prin efectuarea unor mici modificări în panoul de administrare Magento. Mai întâi, vom activa cache-ul Magento. Acest mic pas singur va reduce timpul de încărcare a paginilor cu 30% până la 40%. 

Când memoria cache Magento este activată, Magento nu trebuie să încarce toate resursele paginii de la servere la fiecare solicitare de pagină. Pentru a activa memoria cache Magento, mergeți la Sistem> Gestionare cache. Selectați toate tipurile de cache și selectați din colțul din dreapta sus Permite și să prezinte.

În al doilea rând, trebuie să fuzionăm fișierele CSS și JS înainte de redarea paginilor. Vom merge la Sistem> Configurare> Dezvoltator. Aici veți vedea Mergeți fișiere JavaScript și Mergeți fișiere CSS. Setați ambele câmpuri la da, și lovit Salvați.

Această fuziune a fișierelor CSS și JS va reduce numărul de cereri către server în timp ce pagina se încarcă. Acest lucru va reduce din nou substanțial timpul de încărcare a paginii.

Apoi, vom rula procesul de compilare Magento. Caracteristica de compilare a Magento va compila toate fișierele Magento pentru a crea un singur include pentru o performanță sporită. Acest lucru reduce timpul de încărcare a paginilor cu 25% până la 50%. 

Pentru a utiliza acest instrument, directorul include și fișierul include / config.php trebuie să fie atât scriitoare. Pentru a iniția procesul de compilare, mergeți la Sistem> Instrumente> Compilație. În colțul din dreapta sus, veți vedea Executați procesul de compilare buton. Faceți clic pe el și veți fi terminat.

Apoi, avem câțiva pași avansați pentru reducerea timpului de încărcare a paginilor care necesită schimbarea conținutului în .htaccess fişier. Ar putea fi mulți .htaccess fișiere într-un director Magento, dar aici vom edita unul din directorul rădăcină. 

Prin .htaccess , vom face mai întâi codificarea conținutului, care va comprima fișierul înainte de al trimite agentului solicitant. Acest lucru va reduce timpul de descărcare a fișierelor. În al doilea rând, vom adăuga durata de expirare la anteturi. Aceasta înseamnă că, în timpul descărcării resurselor, browserul va verifica dacă antetele au expirat. Dacă nu, atunci vor fi utilizate versiunile stocate în memoria cache.

Pentru a activa compresia, dezarhivați această linie de cod în standard .htaccess fișier, adică eliminați # inainte de php_flag zlib.output_compression pe:

#################################### # permit comprimarea html rezultată php_flag zlib.output_compression pe ########################################

Apoi, pentru a seta compresia gzip în acțiune, vom adăuga aceste linii în .htaccess fişier:

################################################ # Inserarea filtrului pe tot continutul SetOutputFilter dezumfla # Introducerea filtru numai pe tipuri de conținut text selectat de text de text AddOutputFilterByType dezumfle text / html / text simplu / XML / css / javascript aplicație / javascript # Abordarea unor probleme 4.x Netscape BrowserMatch ^ Mozilla / 4-gzip numai text / html # Abordarea unor probleme Netscape 4.06-4.08 BrowserMatch ^ Mozilla / 4 \ .0 [678] no-gzip # Scenariu: MSIE ca Netscape BrowserMatch masquerades \ bMSIE no-gzip gzip-only-text / html # comandă pentru a nu comprima imagini! SetEnvIfNoCase REQUEST_URI \. (?: gif |? jpe g | png) $ no-gzip-variază # Dont manipulare Proxi corect antet adăugați Vary User-Agent env = dont a-############ variază! ################################

În cele din urmă, permiteți plasarea unei limite de expirare pe anteturi, adăugând acest cod în .htaccess fişier:

############################################  # În primul rând permite expirările ExpiresActive Pe # implicit expirare ExpiresDefault "de acces, plus 1 luna" # Pentru favicon ExpiresByType imagine / x-icon „de acces, plus 1 an“ # Set Imagini de expirare ExpiresByType imagine / gif "de acces, plus 1 luna" ExpiresByType image / png "de acces, plus 1 luna" imagine ExpiresByType / jpg "de acces, plus 1 luna" imagine ExpiresByType / jpeg "de acces, plus 1 luna" # Setare CSS expirare ExpiresByType text / css „acces 1 luna“ # Pentru Javascript expirare ExpiresByType cerere / javascript acces“ plus 1 an "  ############################################

Un lucru foarte important de luat în considerare pentru îmbunătățirea vitezei magazinului Magento este alegerea serverului. Acest articol Tuts + face o treabă excelentă de a explica factorii pe care ar trebui să îi luați în considerare pentru a vă asigura că alegerea serverului dvs. este o potrivire potrivită pentru Magento.

Implementarea fragmentelor îmbogățite

Acum este momentul să creăm o modalitate de a implementa scheme sau fragmente bogate în magazinul Magento. Acestea nu numai că vor face ca rezultatele dvs. de căutare să pară mai profesionale și să-i ajute să iasă în evidență, dar sunt, de asemenea, susceptibile de a crește rata de clic pe paginile de căutare. 

Fragmentele bogate pe care le vom integra în acest tutorial sunt evaluarea produselor, a ofertei și a agregatului și, în final, vă voi oferi câteva resurse privind implementarea schemelor de pescuit și organizare.

În mod implicit, rezultatele în paginile cu rezultatele motorului de căutare arată astfel:

Prin punerea în aplicare a fragmentelor bogate, ele pot iesi în evidență și arată astfel:

Rețineți că implementarea acestor fragmente va necesita modificarea fișierelor șablon. Va trebui să aveți o înțelegere de bază despre HTML și PHP pentru a le implementa. De asemenea, asigurați-vă că păstrați o copie de siguranță a fiecărui fișier înainte de ao edita.

Vom începe prin implementarea schemei de produse. Deschideți acest fișier în editorul dvs.: app / proiectare / Frontend a / [pachet] / [tema] /template/catalog/product/view.phtml și adăugați codul evidențiat în produs vizualizare clasă.

Acum, să etichetăm numele produsului, descrierea și imaginea. Pentru a marca un nume de produs, găsiți h1 eticheta care conține numele produsului și adăugați în el codul următor:

 productAttribute ($ _ produs, $ _ product-> getName (), 'name')?> 

Acum, pentru a eticheta descrierea, găsiți descrierea produsului div și asigurați-vă că include atributele din următorul cod:

 productAttribute ($ _ produs, nl2br ($ _ product-> getShortDescription ()), 'short_description')?> 

În continuare, în app / proiectare / Frontend a / [pachet] / [tema] /template/catalog/product/view/media.phtml, găsiți etichetele de imagine (veți găsi două instanțe ale acestora pe liniile 40 și 62 dacă utilizați tema prestabilită) și asigurați-vă că acestea includ următoarele:

$ _img = ' '; $ _img =' init ($ _ produs, 'imagine'). "" alt = "'$ this-> escapeHtml ($ this-> getImageLabel aceasta-> escapeHtml ($ this-> getImageLabel ()). "" /> ';

Acum, vom adăuga informații despre ratingul agregat al produsului. Pentru aceasta, deschideți acest fișier:

app / proiectare / Frontend a / [pachet] / [tema] /template/review/helper/summary.phtml

Înlocuiți codul complet al acestui fișier cu codul de mai jos:

getReviewsCount ()):?> 
getRatingSummary ()):?> 
 
 
  
 getReviewsUrl ()?> ">__ ('% d Revizuire (e)', $ this-> getReviewsCount ())?> | getReviewsUrl ()?> # formular de examinare ">__ ("Adăugați opinia dvs.")?> 
    
 getDisplayIfEmpty ()):?> 
 getReviewsUrl ()?> # formular de examinare "> __ ('Fiți prima persoană care evaluează acest produs')?>  
 

Acum, pentru a afișa domeniul ofertei de produse, deschideți următorul fișier:

app / proiectare / Frontend a / [pachet / [tema] /template/catalog/product/view/type/default.phtml

Adăugați acest cod la începutul codului, după comentariile inițiale (care ar trebui să se afle în jurul liniei 28):

  isAvailable ()):?> 
  __ ("Disponibilitate:")?> __ ("În stoc")?> 
  
  __ ("Disponibilitate:")?> __ ("În afara stocului")?> 
 

Și la sfârșitul fișierului, adăugați acest cod:

... 

 valută ($ _ price + $ _weeeTaxAmount, true, true)); ?>