The slowdown of the site is the general problem of wordpress users. The remnants of use accumulated over time left a wreckage behind. Like anything running under debris, WordPress will slow down over time. This slowdown annoys visitors and they shut down the site instead of waiting for the content to load. As poor performance negatively affects SEO, your site will also fall out of favor with search engines. Over time, this causes site traffic to decrease. But with the WordPress Acceleration Guide, you can optimize the site and make a positive contribution to seo with a faster wordpress than ever before, please the visitors and be the apple of the eye of the search engines.

WordPress software is raw when newly installed and runs at an acceptable speed. With the use leftovers, database entries, and the additions of the site administrator over time, it becomes slow and starts to bend. You can compare it to Windows. The Windows operating system runs pretty fast when freshly installed, but slows down and loses performance over time. There are two things to do at this point, install a new system or optimize the running system. Just as nobody wants a new beginning on their website, the fact that all that effort can go to waste makes them sleepless. What needs to be done is an optimization that will make WordPress work more efficiently. It is an important criterion to do this consciously and according to the rules. For this reason, it is very important to make a systematic and standards-compliant optimization. To be efficient, use the WordPress Acceleration Guide to do the optimization systematically and in accordance with the standards, not with hearsay.

The methods described in this guide have been thoroughly tested and verified. However, no guarantee is given. We are not responsible for any problems that may occur in the application. It has been prepared by using original articles and institutions such as WordPress, Google, Yahoo, SeoMoz, Wikipedia, W3C, Web Standards, Web Page Test, Web Site Optimization.

1. WordPress Backup and Status Analysis

Before any intervention to WordPress, take a backup before starting the process. If you do not know how to get a backup, you should definitely get help from the hosting company. To take a backup via Cpanel, review the article.

After the system backup, it is necessary to perform tests such as the current opening speed of your site, the number of queries, the size of the page and save the data. This will help you better understand the distance you have covered. You can use the free tools in the Test Your Website Speed article to measure your site's opening speed.

2. Get Rid of Junk WordPress content

2.1 Inactive Plugins and Tools

There are many plugins that are not actively used on WordPress, Database Backup, Security Scan, social sharing plugins etc. If there are plugins and tools that you rarely use (WordPress Importer, Tag to Category Converter, etc.), remove them. If there are two or more plugins that do the same, choose one and keep the others. It will also be useful to get rid of the unnecessary items you use in the sidebar.

2.2 Statistics Tools

Every site owner keeps statistics to see the reach of visitors and search engines. The most well-known of these Google Analyticsis . Some webmasters keep their statistics with two, three or more tools. This is generally incorrect practice. Statistics tools can integrate a lot of javascript and css into your site. Redundancy slows down speed and increases boot time. If you use more than one statistical tool, reduce it to two or one. Those who do not want to be tied to a single source can try Google Analytics + Jetpack or Google Analytics + Wp Stats combinations. In single use, Analytics will already provide you with sufficient statistical information.

3. WordPress Hacks

3.1 Remove Font Versions (Post revisions)

Post Revisions is a function that allows an article or several different versions of the article to be stored in the database. If you think of 5 versions for each article, a site with 100 articles will use a database as much as 500 articles. This feature can be disabled by adding a small code to the wp-config.php file where wordpress stores its settings. You can use FireFTP to connect to your FTP server and Notepad++ as code editor.

Add it to wp-config.php.

3.2 Remove WordPress Version and RSD Links

At the beginning of each of your pages there are php queries automatically put by wordpress. One of them is the query that indicates your wordpress version and the other is the query that shows the RSD link. If you don't use Desktop blogging tools, the RSD link doesn't mean anything to you. To remove these queries, add su codes to your theme's "functions.php" file.

Remove Version Query remove_action('wp_head', 'wp_generator'); Remove RSD and WLW Query remove_action('wp_head', 'wlwmanifest_link'); remove_action('wp_head', 'rsd_link');

4. Database Optimization

4.1 Removal of Unused/Removed Plugins

Clean Options lists traces and orphaned entries left by plug-ins in the plug-in database that were once installed but were later removed. You can remove the entries it lists after you are sure which add-ons they belong to by searching Google. You can deactivate or remove the plugin after using it.

4.2 Use Database Editing Plugins

Wp-Optimize plugin deletes data such as post revisions, auto drafts, spam queue, unapproved comments with your approval and applies optimization commands to mysql database independently from PhpMyAdmin . After using the plugin, deactivate it and repeat the optimization process every 1 week/1 month depending on the density of your site.

5. Theme Optimization

Tema optimizasyonu yukarıdaki adımlara göre daha fazla bilgi birikimi ve araştırma gerektiren bir adımdır. Temanızı optimize etmeye başlamadan önce tema geliştirme hakkındaki WordPress Codex sayasına göz atın. WordPress’deki yavaşlamaların %50 si tema kaynaklıdır. Temalarda bolca kullanılan javascriptler, cssler başlıca hız düşmanıdır.

5.1 Don't Use Inline CSS

Inline css are the css codes that remain within the design codes used directly in the design of the site. This type of usage is inappropriate and css must be run from another source. The best way to detect this is to view the page source while your web page is open.

<style type="text/css">

Search for this code inside your theme design, below this code is inline css.

Misuse

#header { background: #90a090; border-bottom: double 3px #aba; border-left: solid 1px #9a9; border-right: solid 1px #565; border-top: solid 1px #9a9; font: italic normal 230% 'Times New Roman', Times, serif; letter-spacing: 0.2em; margin: 0; padding: 15px 10px 15px 60px; }

CSSs must be called from another source. For this, copy the necessary code, create a new css file and upload it to the theme folder in FTP. You can also add it to your existing css file even more sparingly. The code you need to place in header.php when you create a new css;

<link rel="stylesheet" href="" type="text/css" media="all" />

should be in the form, also if you want to get rid of one more query..

<link rel="stylesheet" href="https://www.margarit.com.tr/wp-content/themes/cenk.v1.1/style.css" type="text/css" media="all" />

such as a direct address.

It would not be right to say that inline cssler should not be used at all. If you have 1.2 lines of css, you can use it inline, but remember that the optimized version is to be added to the main css source.

5.2 Do Not Use Inline Javascript

Using Inline Javascipt is like using Inline Css. It should be called from source rather than being in the design code. This way it will be easier to control. View the source code.

<script type="text/javascript">

search for your code. The code up to where the script tag is closed is inline javascript code. If the inline javascrpit code is not single line small code, it should be called externally like css. Copy the code and paste it by opening a new page in notepad++. Upload the file you saved as a javascript file to your ftp folder. Considering that there is a javascript related to the theme;

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/tracking.js"></script>

should be called. If you want to get rid of the php query, even if it is small, you can directly give the file location.

5.3 Call by Priority

When editing the header, first call the css after the meta tags and html identifiers. Your site will not display properly without your css loaded. You can call Javascripts after CSS or you can call Javascripts last with footer.

5.4 Speed Up with Fragmented Packages

When your site is opened, the server first prepares and sends all the codes. Thanks to the php flush technique, header.php is created and sent to the browser for interpretation. Since your css and javascripts will be loaded, other data packets can be interpreted as soon as they arrive, and this will shorten the opening time.

Place it right after the tag:

<?php flush(); ?>

5.5 Reduce HTTP Requests with Css Sprite

The CSS Sprite technique is a technique that aims to combine static images used in the design of the site and call them under a single query. Static images are combined in a single image file, the coordinates of the static image in the image are written where static images will be used in CSS codes. In this way, a significant speed increase can be achieved. Social buttons at the top of www.cenkonsoy.com can be shown as an example.

Before Css Sprite

.social ul li.rss a {background:url(images/rs.png) left top no-repeat;} .social ul li.tw a {background:url(images/tw.png) left top no-repeat;} .social ul li.fb a {background:url(images/fb.png) left top no-repeat;} .social ul li.rss_email a {background:url(images/em.png) left top no-repeat;} .social ul li.friend a {background:url(images/ff.png) left top no-repeat;} .social ul li.gpluss a {background:url(images/gplus.png) left top no-repeat;}

6 separate images are called with 6 separate HTTP requests for 6 separate buttons.

After Css Sprite

.rss a {background-position: -0px -0px;} .tw a {background-position: -0px -42px;} .fb a {background-position: -0px -84px;} .rss_email a {background-position: -0px -126px;} .friend a {background-position: -0px -168px;} .gpluss a {background-position: -0px -210px;}

There is a single HTTP request for 6 separate buttons, a larger but single image is working. It also saves CSS codes. Built with css sprites take a look at the imageYou will understand the logic.

You can benefit from tools that will allow you to easily apply the CSS Sprite technique. These tools will allow you to easily apply the technique without requiring much css knowledge.

Sprite Me, Css Sprites, Website-Performance, cSprites

5.6 Use CSS Efficiently

Since the size of a css file created with efficient codes will be smaller, the speed at which your server can send the file and the time for browsers to interpret the format file will decrease.

Misuse

.margarit { float: left; color: margin: 20px 10px 20px 10px; padding-top:3px; padding-bottom:2px; padding-left:5px; padding-right:5px; }

Efficient Use Example:

.margarit { float:left; margin: 20px 10px; padding: 3px 5px 2px}

The best way to format something is to use minimal code. The unassigned “color:” entry in the example above has therefore been removed. The margin and padding codes of the element named “margarit” have been reduced with sensible use and empty spaces have been removed (reducing the codes to a single line). You can benefit from w3schools, which are very successful examples of efficient use of CSS, and Fatih Hayrioğlu's notes.

5.7 Clear 404s

A large number of requests are sent while viewing a website page. Over time, 404 errors occur with newly added items, leftovers from removed ones. Open the report dump of the analysis webpagetest you made in the first step.

Requests marked with red are requests that cannot reach the result, that is, 404. These requests will slow down your site without any attachments. If you click on the 404 requests in the report document, it will tell you its source. It will be easier for you to remove this request.

5.8 Be Compatible With Mobile Devices

For visitors from mobile phones and tablets computers, speed is even more important. Usually these devices run slower than our traditional computers due to hardware, software and connectivity differences. It is not enough to make the existing template compatible with mobile devices in order to make a website version that can work quickly on mobile devices. For this, it is necessary to use a special template that is compatible with the touch interface and smaller in terms of data amount (kilobytes). To create a custom mobile template, take a look at Make WordPress Mobile-Friendly. Remember, you need to optimize the new version you create in terms of speed.

6. Enable Compression (Zip)

Bilgisayarınızdaki dosyaları sıkıştırdığınız gibi web sunucunuz da dosyaları sıkıştırabilir. Sıkıştırma tekniği ile sitenizde bulunan html,css,js gibi dosyaların boyutlarından %80lere varan tasarruflar sağlanabilir. Boyutlarının küçülmesi bant kullanımını düşüreceği gibi boyutun azalmasıyla sunucu tarafından daha hızlı gönderilir. Bu teknikle ciddi hız artışları sağlanabilmektedir.

for gzip compression mod_gzip_on Yes mod_gzip_dechunk Yes mod_gzip_item_include file .(html?|txt|css|js|php|pl)$ mod_gzip_item_include handler ^cgi-script$ mod_gzip_item_includem_gzip_item_includem_gzip_item_includemimage_gzip_item_includemler ^cgi-script$ mod_gzip_gzip_item_include ^gzip_item_mimeximagemime ^zip mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*

for deflate compression AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x- javascript AddOutputFilterByType DEFLATE application/x-httpd-php AddOutputFilterByType DEFLATE application/x-httpd-fastphp AddOutputFilterByType DEFLATE image/svg+xml BrowserMatch ^Mozilla/4 gzip-only-text/htmlMatch ^[Mozillag BrowserMatch ^[Mozilla] no. bMSI[E] !no-gzip !gzip-only-text/html Header append Vary User-Agent env=!dont-vary

Simply add the codes to your .htaccess file. It will also be useful to take a look at the Codex page of WordPress on the subject.

After implementing this process, all defined data packets will be compressed by Apache when sending. But this will increase CPU usage. Compressing completely raw files is more difficult than compressing preprocessed files. It can be useful to pre-process these files, especially for high-traffic sites. It is quite easy to detect files such as css, js etc. running on your site. While your page is open, you can view the page source or detect scripts running with speed analysis applications. You can manually compress the files you detect.

You can use the CSS Compressor tool of the MinifyCSS site for your css files. This is the best tool I've found. After completing the process, upload the compressed Css file back to its place on the FTP driver.

You can use the CompressorRater site's resourceful tool for your javascript files. The tool compresses the script you provide with many tools. Take the script with the smallest size and lowest reaction time from the results and upload it to the FTP driver.

You don't need to compress HTML and Php files for now, htaccess entries will have them compressed by apachi in preparation for viewing.

7. Plugin Optimization (Plugin)

There are countless plugins available for many functions in WordPress. Most plugins are for very simple things. Do not use a plugin for a function/feature that you can add here by taking a few minutes. The WordPress Codex page is the only guide where you can find a solution to all your problems. For example, instead of using a plugin, it will be sufficient to write 2 lines of code in the functions.php file of your code theme to add images to the Rss. You can optimize the plugins you have to use. Many plugins contain css and javascript files, compress these files as I explained in the previous step and put them back in, you will see the benefits.

Some plugins are only used in page templates. For the plugin that will only be on one page of the site, it is unnecessary to install it on all pages. To send only when the page template will be opened with a simple loop at the beginning;

Invoke the file as follows.

8. Image Optimization

We conveyed how to optimize static images on websites with the Css Sprite technique. Images abound not only in the design of the site, but also in the content section. It is also necessary to optimize the images in the content section in terms of speed. Learn the differences between image formats before moving on to the next steps.

8.1 Set Size/Quality

It should be noted that the larger the size of the image, the larger the amount of data in kilobytes. A width of 500px and a height of 250px is quite satisfactory. You can adjust the size and quality of images with applications such as Gimp2, Photoshop, as well as online applications.

8.2 Smush it

Smush it, Yahoo’nun web dünyasına armağanlarından biridir. Resim dosyalarını optimize etme konusunda webdeki en başarılı servislerden biridir. Resim dosyalarının boyutlarında %80e varabilen tasarruflar sağlar. Resim dosyalarını tek tek smushlayabileceğiniz gibi Wp Smush.it WordPress eklentisini kurarak otomatik hale getirebilirsiniz. Yönetici panelinde Media bölümüne girerek eski görselleri de smushlatın.

9. Reduce the Number of Queries

WordPress contains many php loops in its structure. Reducing queries will speed up your site, as it eliminates the time it takes to visit the database and interpret it by the server. From the WordPress Hacks step you know how to remove some simple loops.

An example header file contains the following queries:

<link rel="shortcut icon" href="/favicon.ico"/><link rel="stylesheet" href="" type="text/css" media="all" /><link rel="stylesheet" href="/print.css" type="text/css" media="print" /><link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> - all posts" href="" />

There are 5 queries above. If we get rid of these 5 queries;

<link rel="shortcut icon" href="https://www.cenkonsoy.com/favicon.ico"/>
<link rel="stylesheet" href="https://www.cenkonsoy.com/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="https://www.cenkonsoy.com/print.css" type="text/css" media="print" />
<link rel="alternate" type="application/rss+xml" title="Cenkonsoy.com" href="https://www.cenkonsoy.com/feed"/>

It will be in the form. The change made here is that the full address is given without the server asking the database for full addresses. Remember! Removed php queries from the admin panel will prevent the changes to be made about that query from being applied automatically.

10. Use Cache (cache)

The basis of caching; When the visitor 'ali' wants to open the 'welcome' page, queries are made, the 'welcome' page created as a result of loops is sent to 'ali' and the created page is written to a point on the virtualdisk. When 'ali' or a new 'ahmet' visitor wants to open the 'welcome' page within a certain period of time, the 'welcome' page that has been previously run and interpreted and written to the virtual disk is sent directly to the visitor without running these queries again. As a result, caching reduces the processor load and increases the speed of sites.

10.1 Leverage Caching Plugins

Although caching is something that an experienced user can do, it is quite difficult to keep its settings. However, there are many wordpress plugins available for users of all levels to do caching. Two of these plugins are very popular. W3 Total Cache and Wp Super Cache. Among these two choices, W3 Total Cache is a plugin that has more options and tools than its competitors. It contains tools that enable compression in files such as html, css and js, and it applies a kind of optimization. It may be useful to read the guide where you can easily configure W3 Total Cache settings. Wp-Widget Cache in can be useful for those who have a lot of plugins, javascript or items in the sidebar.

11. Use Content Delivery Network (Content Delivery Network, CDN)

Content distribution networks are a system that allows the files on your site to be distributed to different servers around the world. While all data is hosted on a single server, the server can send them in a specific order. In CDN logic, these files can be called simultaneously. Since content distribution networks host servers at many points, they reduce ping time and increase performance by loading from the closest servers to the visitor. To have a free and quality content distribution network, take a look at Wikipedia.org's list of free content distribution networks.

You can choose and use one of the free CDNs. But do not forget that you can sleep this application yourself. Even a simple subdomain application will increase your speed. It would be helpful to move the text images to the subdomain, and have a look at the text.

12. Comply with Web Standards (Markup Validation)

Code conforming to web standards and a code structure accepted by web authorities should be used. Small mistakes that are overlooked both cause the site to be displayed differently in different browsers, and make it difficult for browsers to interpret the codes. This negatively affects the opening speed of the site. There is a very simple way to test whether you comply with the standards and see the errors. With the w3c validator service, you can test your site according to criteria such as html, css, rss, mobile and see your errors in detail in the report.

13. Listen to the Professionals

Take advantage of the document archive of web phenomena. Be sure, they know many things better than us and they direct the virtual world. Check out Yahoo's Best Practices for Speeding Up Your Web Site and Google's Make the Web Faster. Subscribe to the youtube channel for Google I/O(web developer conference) videos.

Listen to the Google I/O Developer Conference on Making the Web Fast

Google Employees; From Richard Rabbat, Joshua Marantz and Hakon Wium Lie..

You have learned or had the chance to remember many web acceleration techniques. By applying these techniques of cenkonsoy.com açılış hızını 20sn gibi bir süreden 2sn altına çekmeyi başardım ki ben türkiyeden ucuz ve basit bir sunucu kullanıyorum. İyi sunucular ve CDN ile 1sn’in altına düşebilir. Sorgu sayısını %50 oranında azalttım ve sayfa boyutundan %70 tasarruf ettim. Skorlara bakmak gerekirse PageSpeed score from 73 to 92 points, pingdom His score rose from 79 to 100. But again, a full optimization has not been achieved, it requires a little more time. You can speed up your WordPress site by taking 1 hour of your time.