Učitava li se vaša WordPress web stranica predugo? Znate li da će spora stranica utjecati na vaš SEO i korisničko iskustvo?

Osim korištenja dodataka, postoji nekoliko različitih načina da ubrzate svoju web stranicu. Jedan način je iskoristiti predmemoriju preglednika, a drugi način je komprimiranje datoteka. 

Oboje se može postići modificiranjem i optimizacijom .htaccess datoteke.

Što je predmemorija preglednika?

Kada netko posjeti vašu web stranicu, postoje datoteke koje se preuzimaju i spremaju na privremeno mjesto.

Vrste datoteka uključuju sve dokumente koji čine vašu web stranicu, kao što su HTML , slike, JavaScript i CSS datoteke. Predmemorija preglednika^(Browser) odnosi se na ovu privremenu lokaciju za preuzete datoteke.

Kada je predmemorija puna, zauzima previše prostora na računalu posjetitelja. To rezultira sporim preglednikom i web-mjestom koja se predugo učitava.

Srećom, postoji način da to popravite uređivanjem vaše .htaccess datoteke.

Što biste prvo trebali učiniti

Prije nego počnete uređivati ​​svoju .htaccess datoteku, razmotrite sljedeće mjere opreza:

• Uvijek izradite sigurnosnu kopiju svoje WordPress .htaccess datoteke prije nego što je promijenite.
• Onemogućite sve WordPress dodatke koje možda koristite.
• Testirajte brzinu svoje stranice prije nego što unesete izmjene u .htaccess datoteku da biste dobili osnovno mjerenje. Možete koristiti GTmatrix , Pingdom ili Google PageSpeed ​​Insights .

Sada ste spremni koristiti kod putem svoje .htaccess datoteke kako biste svojoj instalaciji WordPressa^(WordPress) rekli da dulje sprema statičke datoteke za ponovne posjetitelje vaše web stranice. Možete koristiti ili cPanel ili FTP . Za svaki pogledajte upute u nastavku. 

Nakon što dobijete pristup svojoj .htaccess datoteci, upotrijebite dodatne upute za uređivanje. 

Korištenje cPanela

Prijavite^(Log) se na svoju web stranicu cPanel. Obično možete doći tamo tako da upišete yourdomain.com/cPanel u svoj web preglednik.

Prijavite^(Log) se s korisničkim imenom i lozinkom koje ste dobili kada ste instalirali WordPress na svoju domenu. Nakon što ste prijavljeni, potražite i kliknite Upravitelj datoteka^{(File Manager)} .

Vaša .htaccess datoteka nalazi se u korijenskoj mapi. Točka ispred naziva datoteke označava da se radi o skrivenoj datoteci u vašoj instalaciji WordPressa. Obavezno stavite kvačicu u okvir Prikaži skrivene datoteke^{(Show Hidden Files)} .

Trebali biste napraviti kopiju svoje datoteke prije nego što je uredite jer ako pogriješite, možete srušiti svoju stranicu. Da biste napravili kopiju, kliknite .htaccess i označite ga. Da biste spremili kopiju, kliknite gumb za preuzimanje koji se nalazi na gornjem izborniku.  

Nakon što ste napravili svoju kopiju, sada ste spremni za uređivanje datoteke. U vašem cPanel File Manageru^{(File Manager)} , desnom tipkom miša kliknite datoteku .htaccess i kliknite uredi^(edit) .

Korištenje FTP-a

Također možete urediti svoju .htaccess datoteku koristeći FTP klijent. Jedan popularan FTP klijent je FileZilla , koji se koristi u primjeru ispod.

Započnite^(Start) otvaranjem svog FTP klijenta i stavite svog hosta. To je obično adresa vaše domene, vaše korisničko ime i lozinka. Ako niste sigurni što su, obratite se svom web hostu.

Upotrijebite sljedeće korake za pristup, kopiranje i uređivanje vaše .htaccess datoteke:

• Idite na svoj korijenski direktorij.
• Pronađite datoteku .htaccess, napravite kopiju i povucite je na radnu površinu.
• Zadržite kopiju izvornika i uredite drugu kopiju u slučaju da morate vratiti izvornik.
• ^(Use)Za uređivanje datoteke koristite uređivač kao što je Notepad .
• Kada završite s uređivanjem, prenesite datoteku u svoj korijenski direktorij.

Ako ste pogriješili, vaša web stranica neće raditi. Da biste to popravili, prenesite datoteku sigurnosne kopije. 

Sada ste spremni unijeti izmjene u svoju .htaccess datoteku kako biste ubrzali svoju WordPress stranicu.

Komprimirajte svoje datoteke pomoću Gzipa

Gzip kompresija čini vaše datoteke manjim i pomaže im da se brže učitavaju. Dodavanje koda u nastavku vašoj .htaccess datoteci (ispod trenutnog koda) pomoću gzipa komprimirati će CSS , HTML i PHP datoteke.

 <IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml
 
  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

Ne zaboravite kliknuti "Spremi promjene".

Keširanje preglednika

Kada netko posjeti vašu web stranicu, preglednik koji koriste preuzet će sve datoteke povezane sa stranicom kojoj pristupaju.

Iskorištavanje predmemorije preglednika znači da želite preuzeti samo potrebne datoteke, a ne sredstva koja su nepotrebna. To su obično dizajn i stil vaše stranice, a ponekad uključuju i JavaScript funkcije.

Kada koristite predmemoriju preglednika, svom poslužitelju govorite da ignorira dijelove vaše web stranice koji su prethodno preuzeti za ponovne posjetitelje.

Da biste uredili svoju .htaccess datoteku, locirajte je i napravite dvije kopije na isti način na koji ste komprimirali svoje datoteke kao što je gore navedeno pomoću FTP klijenta ili cPanela.

Sačuvajte kopiju izvorne .htaccess datoteke u slučaju da postoje problemi s promjenama. Izvršite svoje izmjene u drugoj kopiji. 

Dodajte sljedeći kod ispod trenutnog sadržaja vaše .htaccess datoteke:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault A0
 
<FilesMatch "\.(txt|xml|js)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(css)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
ExpiresDefault A691200
</FilesMatch>
</IfModule>
 
<IfModule mod_headers.c>
<FilesMatch "\.(txt|xml|js)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(css)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
</IfModule>

Ne zaboravite kliknuti Spremi^(Save) kako biste zadržali dodatke u datoteci.

Sažimanje vaših datoteka i korištenje predmemorije preglednika značajno će smanjiti vrijeme učitavanja vaših web stranica. To će pomoći vašoj web-lokaciji da se bolje rangira u pretraživanju i poboljšati korisničko iskustvo. Nitko ne želi čekati više od nekoliko sekundi da se stranica učita.

How To Speed Up Any WordPress Site Using .HTACCESS

Is your WordPress website taking too long to lоad? Do you know that a slow site will affect your SEO and user experience?

There are several different ways to speed up your site besides using plugins. One way is to leverage browser cache and another way is to compress your files. 

Both can be accomplished by modifying and optimizing the .htaccess file.

What Is Browser Cache?

When someone visits your website, there are files that are downloaded and stored in a temporary location.

The types of files include all documents that make up your website, such as HTML, images, JavaScript, and CSS files. Browser cache refers to this temporary location for the downloaded files.

When the cache is full, it takes up too much space on the visitor’s computer. This results in a slow browser and a website that takes too long to load.

Luckily there is a way to fix this by editing your .htaccess file.

What You Should Do First

Before you start editing your .htaccess file, consider the following precautions:

• Always create a backup of your WordPress .htaccess file before changing it.
• Disable any WordPress plugins you might be using.
• Test your site speed before making changes to the .htaccess file to get a baseline measurement. You can use GTmatrix, Pingdom, or Google PageSpeed Insights.

You are now ready to use code via your .htaccess file to tell your WordPress installation to cache static files longer for return visitors to your website. You can use either cPanel or FTP. See the directions below for each. 

Once you have access to your .htaccess file, then use the additional directions to make your edits. 

Using cPanel

Log into your website cPanel. You can usually get there by typing yourdomain.com/cPanel into your web browser.

Log in with the username and password you were given when you installed WordPress on your domain. Once you are logged in, look for and click File Manager.

Your .htaccess file is located in the root folder. The dot before the file name indicates that it is a hidden file in your WordPress installation. Be sure to put a check in the box to Show Hidden Files.

You should make a copy of your file before editing it because if you make a mistake, you can crash your site. To make a copy, click .htaccess and highlight it. To save a copy, click the download button located on the top menu.  

Once you have made your copy, you are now ready to edit the file. In your cPanel File Manager, right-click the .htaccess file and click edit.

Using FTP

You can also edit your .htaccess file using an FTP client. One popular FTP client is FileZilla, used in the example below.

Start by opening your FTP client and put in your host. This is usually your domain address, your username and password. If you are not sure what they are, contact your web host.

Use the following steps to access, copy, and edit your .htaccess file:

• Navigate to your root directory.
• Find the .htaccess file, make a copy, and drag it to your desktop.
• Keep a copy of the original and edit a different copy in case you have to restore the original.
• Use an editor such as Notepad to edit the file.
• When you have finished your editing, upload the file to your root directory.

If you have made a mistake, your website will not work. To fix it, upload the backup file. 

Now you are ready to make changes to your .htaccess file to speed up your WordPress site.

Compress Your Files Using Gzip

Gzip compression makes your files smaller and helps them to load faster. Adding the code below to your .htaccess file (underneath the current code) using gzip will compress CSS, HTML, and PHP files.

 <IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml
 
  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

Don’t forget to click “Save changes.”

Browser Caching

When someone visits your website, the browser they are using will download all the files associated with the page they are accessing.

Leveraging browser cache means you want to download only the necessary files and not assets that are unnecessary. These are usually the design and style of your page and sometimes includes JavaScript functions as well.

When you use browser cache, you are telling your server to ignore parts of your webpage that were previously downloaded for repeat visitors.

To edit your .htaccess file, locate it and make two copies in the same way you did when compressing your files as outlined above using an FTP client or cPanel.

Keep a copy of the original .htaccess file in case there are any issues with the changes. Make your edits in the other copy. 

Add the following code below the current content of your .htaccess file:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault A0
 
<FilesMatch "\.(txt|xml|js)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(css)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
ExpiresDefault A691200
</FilesMatch>
</IfModule>
 
<IfModule mod_headers.c>
<FilesMatch "\.(txt|xml|js)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(css)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
</IfModule>

Don’t forget to click Save to keep the additions to your file.

Compressing your files and leveraging browser cache will significantly decrease the loading time of your webpages. This will help your site rank higher in search and improve the user experience. No one wants to wait more than a few seconds for a page to load.

Related posts

• Kako postaviti vlastitu web stranicu nalik Twitteru koristeći WordPress P2 temu

• Kako uputiti WhatsApp poziv koristeći Siri

• Blokirajte web-stranice s vašeg usmjerivača ili pomoću DNS-a

• Pronađite lozinku za WiFi u sustavu Windows 10 pomoću CMD-a

• Igrajte bilo koju PC igricu s Gamepadom koristeći JoyToKey

• Recenzija knjige - Vodič za štreberke za Windows 8

• Kako napraviti vlastito prijenosno računalo

• Napredno Google pretraživanje pomoću operatora pretraživanja

• Kako stvoriti animirane video zapise pomoću VideoMakerFX-a

• Kako skenirati više stranica u jednu PDF datoteku

• Instaliranje dodataka GIMP: Vodič s uputama

• Kako letjeti dronom za potpune početnike

• Kako otvoriti DDS datoteke u sustavu Windows 10

• Kako ubrzati WordPress stranicu u 11 koraka

• Kako napraviti sigurnosnu kopiju svoje WordPress stranice

• Napravite Gmail aplikaciju za stolna računala s ova 3 klijenta e-pošte

• Kako vratiti stare ili oštećene fotografije pomoću digitalnih alata

• Kako instalirati WordPress testno mjesto na svoje računalo

• 6 najboljih postavki kamere za fotografije Mjeseca

• Squarespace vs WordPress: Koja je bolja platforma stranice?