Χρειάζεται πολύς χρόνος για να φορτώσει ο ιστότοπός σας WordPress; Γνωρίζετε ότι ένας αργός ιστότοπος θα επηρεάσει το SEO και την εμπειρία χρήστη σας;

Υπάρχουν αρκετοί διαφορετικοί τρόποι για να επιταχύνετε τον ιστότοπό σας εκτός από τη χρήση προσθηκών. Ένας τρόπος είναι να αξιοποιήσετε την προσωρινή μνήμη του προγράμματος περιήγησης και ένας άλλος τρόπος είναι να συμπιέσετε τα αρχεία σας. 

Και τα δύο μπορούν να επιτευχθούν τροποποιώντας και βελτιστοποιώντας το αρχείο .htaccess .

Τι είναι η προσωρινή μνήμη του προγράμματος περιήγησης;

Όταν κάποιος επισκέπτεται τον ιστότοπό σας, υπάρχουν αρχεία που λαμβάνονται και αποθηκεύονται σε μια προσωρινή τοποθεσία.

Οι τύποι αρχείων περιλαμβάνουν όλα τα έγγραφα που συνθέτουν τον ιστότοπό σας, όπως αρχεία HTML , εικόνες, JavaScript και CSS . Η προσωρινή μνήμη του προγράμματος περιήγησης^(Browser) αναφέρεται σε αυτήν την προσωρινή θέση για τα ληφθέντα αρχεία.

Όταν η προσωρινή μνήμη είναι γεμάτη, καταλαμβάνει πολύ χώρο στον υπολογιστή του επισκέπτη. Αυτό έχει ως αποτέλεσμα ένα αργό πρόγραμμα περιήγησης και έναν ιστότοπο που χρειάζεται πολύ χρόνο για να φορτώσει.

Ευτυχώς υπάρχει τρόπος να το διορθώσετε επεξεργάζοντας το αρχείο .htaccess.

Τι πρέπει να κάνετε πρώτα

Πριν ξεκινήσετε την επεξεργασία του αρχείου .htaccess, λάβετε υπόψη τις ακόλουθες προφυλάξεις:

• Να δημιουργείτε πάντα ένα αντίγραφο ασφαλείας του αρχείου .htaccess του WordPress^{(WordPress .htaccess)} πριν το αλλάξετε.
• Απενεργοποιήστε τυχόν πρόσθετα WordPress που μπορεί να χρησιμοποιείτε.
• Ελέγξτε την ταχύτητα του ιστότοπού σας πριν κάνετε αλλαγές στο αρχείο .htaccess για να λάβετε μια μέτρηση βάσης. Μπορείτε να χρησιμοποιήσετε το GTmatrix^{( GTmatrix)} , το Pingdom ή το Google PageSpeed ​​Insights^{( Google PageSpeed Insights)} .

Τώρα είστε έτοιμοι να χρησιμοποιήσετε κώδικα μέσω του αρχείου σας .htaccess για να ενημερώσετε την εγκατάσταση του WordPress να αποθηκεύει προσωρινά στατικά αρχεία περισσότερο για τους επισκέπτες που επιστρέφουν στον ιστότοπό σας. Μπορείτε να χρησιμοποιήσετε είτε cPanel είτε FTP . Δείτε τις παρακάτω οδηγίες για το καθένα. 

Αφού αποκτήσετε πρόσβαση στο αρχείο .htaccess, χρησιμοποιήστε τις πρόσθετες οδηγίες για να κάνετε τις αλλαγές σας. 

Χρήση cPanel

Συνδεθείτε^(Log) στο cPanel του ιστότοπού σας. Συνήθως μπορείτε να φτάσετε εκεί πληκτρολογώντας yourdomain.com/cPanel στο πρόγραμμα περιήγησής σας.

Συνδεθείτε^(Log) με το όνομα χρήστη και τον κωδικό πρόσβασης που σας δόθηκε όταν εγκαταστήσατε το WordPress στον τομέα σας. Μόλις συνδεθείτε, αναζητήστε και κάντε κλικ στη Διαχείριση αρχείων^{(File Manager)} .

Το αρχείο .htaccess βρίσκεται στον ριζικό φάκελο. Η κουκκίδα πριν από το όνομα του αρχείου υποδεικνύει ότι είναι ένα κρυφό αρχείο στην εγκατάσταση του WordPress. Βεβαιωθείτε ότι έχετε βάλει ένα σημάδι στο πλαίσιο Εμφάνιση κρυφών αρχείων^{(Show Hidden Files)} .

Θα πρέπει να δημιουργήσετε ένα αντίγραφο του αρχείου σας πριν το επεξεργαστείτε γιατί εάν κάνετε λάθος, μπορεί να διακοπεί ο ιστότοπός σας. Για να δημιουργήσετε ένα αντίγραφο, κάντε κλικ στο .htaccess και επισημάνετε το. Για να αποθηκεύσετε ένα αντίγραφο, κάντε κλικ στο κουμπί λήψης που βρίσκεται στο επάνω μενού.  

Αφού δημιουργήσετε το αντίγραφό σας, είστε πλέον έτοιμοι να επεξεργαστείτε το αρχείο. Στη Διαχείριση αρχείων^{(File Manager)} cPanel , κάντε δεξί κλικ στο αρχείο .htaccess και κάντε κλικ στην επεξεργασία^(edit) .

Χρήση FTP

Μπορείτε επίσης να επεξεργαστείτε το αρχείο .htaccess χρησιμοποιώντας έναν πελάτη FTP . Ένας δημοφιλής πελάτης FTP είναι το FileZilla , που χρησιμοποιείται στο παρακάτω παράδειγμα.

Ξεκινήστε^(Start) ανοίγοντας το πρόγραμμα-πελάτη FTP και βάλτε τον κεντρικό υπολογιστή σας. Αυτή είναι συνήθως η διεύθυνση τομέα σας, το όνομα χρήστη και ο κωδικός πρόσβασής σας. Εάν δεν είστε σίγουροι για το τι είναι, επικοινωνήστε με τον οικοδεσπότη Ιστού σας.

Ακολουθήστε τα παρακάτω βήματα για να αποκτήσετε πρόσβαση, να αντιγράψετε και να επεξεργαστείτε το αρχείο .htaccess:

• Πλοηγηθείτε στον ριζικό σας κατάλογο.
• Βρείτε το αρχείο .htaccess, δημιουργήστε ένα αντίγραφο και σύρετέ το στην επιφάνεια εργασίας σας.
• Κρατήστε ένα αντίγραφο του πρωτοτύπου και επεξεργαστείτε ένα διαφορετικό αντίγραφο σε περίπτωση που χρειαστεί να επαναφέρετε το πρωτότυπο.
• Χρησιμοποιήστε^(Use) ένα πρόγραμμα επεξεργασίας όπως το Σημειωματάριο^(Notepad) για να επεξεργαστείτε το αρχείο.
• Όταν ολοκληρώσετε την επεξεργασία, μεταφορτώστε το αρχείο στον ριζικό σας κατάλογο.

Εάν έχετε κάνει λάθος, ο ιστότοπός σας δεν θα λειτουργήσει. Για να το διορθώσετε, ανεβάστε το αρχείο αντιγράφου ασφαλείας. 

Τώρα είστε έτοιμοι να κάνετε αλλαγές στο αρχείο .htaccess για να επιταχύνετε τον ιστότοπό σας στο WordPress .

Συμπιέστε τα αρχεία σας χρησιμοποιώντας το Gzip

Η συμπίεση Gzip^(Gzip) κάνει τα αρχεία σας μικρότερα και τα βοηθά να φορτώνονται πιο γρήγορα. Η προσθήκη του παρακάτω κώδικα στο αρχείο .htaccess (κάτω από τον τρέχοντα κώδικα) χρησιμοποιώντας το gzip θα συμπιέσει τα αρχεία CSS , HTML και PHP .

 <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>

Μην ξεχάσετε να κάνετε κλικ στο «Αποθήκευση αλλαγών».

Προσωρινή αποθήκευση στο πρόγραμμα περιήγησης

Όταν κάποιος επισκέπτεται τον ιστότοπό σας, το πρόγραμμα περιήγησης που χρησιμοποιεί θα κατεβάσει όλα τα αρχεία που σχετίζονται με τη σελίδα στην οποία έχει πρόσβαση.

Η αξιοποίηση της προσωρινής μνήμης του προγράμματος περιήγησης σημαίνει ότι θέλετε να κάνετε λήψη μόνο των απαραίτητων αρχείων και όχι περιττών στοιχείων. Αυτά είναι συνήθως ο σχεδιασμός και το στυλ της σελίδας σας και μερικές φορές περιλαμβάνουν και λειτουργίες JavaScript.

Όταν χρησιμοποιείτε την προσωρινή μνήμη του προγράμματος περιήγησης, λέτε στον διακομιστή σας να αγνοήσει τμήματα της ιστοσελίδας σας που είχαν προηγουμένως ληφθεί για επαναλαμβανόμενους επισκέπτες.

Για να επεξεργαστείτε το αρχείο .htaccess, εντοπίστε το και δημιουργήστε δύο αντίγραφα με τον ίδιο τρόπο που κάνατε κατά τη συμπίεση των αρχείων σας, όπως περιγράφεται παραπάνω, χρησιμοποιώντας έναν πελάτη FTP ή cPanel.

Διατηρήστε ένα αντίγραφο του αρχικού αρχείου .htaccess σε περίπτωση που υπάρχουν προβλήματα με τις αλλαγές. Κάντε τις αλλαγές σας στο άλλο αντίγραφο. 

Προσθέστε τον ακόλουθο κώδικα κάτω από το τρέχον περιεχόμενο του αρχείου .htaccess:

<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>

Μην ξεχάσετε να κάνετε κλικ στην Αποθήκευση^(Save) για να διατηρήσετε τις προσθήκες στο αρχείο σας.

Η συμπίεση των αρχείων σας και η αξιοποίηση της προσωρινής μνήμης του προγράμματος περιήγησης θα μειώσει σημαντικά τον χρόνο φόρτωσης των ιστοσελίδων σας. Αυτό θα βοηθήσει τον ιστότοπό σας να κατατάσσεται υψηλότερα στην αναζήτηση και να βελτιώσει την εμπειρία χρήστη. Κανείς δεν θέλει να περιμένει περισσότερα από λίγα δευτερόλεπτα για να φορτώσει μια σελίδα.

How To Speed Up Any WordPress Site Using .HTACCESS

Is your WordPress website taking too long tо load? Do you know that a slow site will affect уour 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

• Πώς να δημιουργήσετε τον δικό σας ιστότοπο που μοιάζει με Twitter χρησιμοποιώντας το θέμα P2 του WordPress

• Πώς να πραγματοποιήσετε μια κλήση WhatsApp χρησιμοποιώντας το Siri

• Αποκλεισμός ιστοτόπων από το δρομολογητή σας ή χρήση DNS

• Βρείτε τον κωδικό πρόσβασης WiFi στα Windows 10 χρησιμοποιώντας CMD

• Παίξτε οποιοδήποτε παιχνίδι υπολογιστή με ένα Gamepad χρησιμοποιώντας το JoyToKey

• Πώς να προσθέσετε μουσική στις διαφάνειες Google

• Πώς να φτιάξετε το δικό σας φορητό υπολογιστή

• Πώς να προστατέψετε ένα PDF με κωδικό πρόσβασης για να το διατηρήσετε ασφαλές

• Πώς να επαναφέρετε παλιές ή κατεστραμμένες φωτογραφίες χρησιμοποιώντας ψηφιακά εργαλεία

• Πώς να δημιουργήσετε μια ομάδα στο Microsoft Teams

• Δημιουργήστε μια εφαρμογή Gmail Desktop με αυτούς τους 3 πελάτες email

• Απενεργοποιήστε τον Έλεγχο λογαριασμού χρήστη (UAC) για μια συγκεκριμένη εφαρμογή

• Πώς να πετάξετε ένα drone για αρχάριους

• Πώς να δημιουργήσετε αντίγραφα ασφαλείας του ιστότοπού σας WordPress

• Πώς να διαγράψετε το φάκελο Windows.old στα Windows 7/8/10

• Πώς να δείτε αποθηκευμένες σελίδες και αρχεία από το πρόγραμμα περιήγησής σας

• Πώς να ρυθμίσετε τις κύριες σελίδες στο Adobe InDesign CC

• Εγκατάσταση προσθηκών GIMP: Ένας οδηγός πώς να το κάνετε

• Πώς να δημιουργήσετε έναν Χάρτη ιστότοπου XML για τον ιστότοπό σας

• Πώς να εντοπίσετε κάποιον χρησιμοποιώντας διαδικτυακές πηγές