-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoptimization.html
362 lines (293 loc) · 17.2 KB
/
optimization.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="wpinfusion" />
<!-- Prerender -->
<link rel="preconnect prefetch prerender" href="https://wpinfusion.com/development"/>
<link rel="preconnect prefetch prerender" href="https://wpinfusion.com/optimization"/>
<link rel="preconnect prefetch prerender" href="https://wpinfusion.com/support"/>
<link rel="preconnect prefetch prerender" href="https://wpinfusion.com/contact"/>
<link rel="preconnect prefetch prerender" href="https://wpinfusion.com/tos"/>
<link rel="preconnect prefetch prerender" href="https://wpinfusion.com/privacypolicy"/>
<!-- Stylesheets
============================================= -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="css/dark.css" type="text/css" />
<link rel="stylesheet" href="css/font-icons.css" type="text/css" />
<link rel="stylesheet" href="extra/assets/css/fonts.css" type="text/css" />
<link rel="stylesheet" href="extra/assets/wpinfusion.css" type="text/css" />
<link rel="stylesheet" href="css/font-icons/et/et-line.css" type="text/css" />
<link rel="icon" href="favicon.png" type="image/png" />
<!-- Bootstrap Switch CSS -->
<link rel="stylesheet" href="css/components/bs-switches.css" type="text/css" />
<link rel="stylesheet" href="css/responsive.css" type="text/css" />
<meta name='viewport' content='initial-scale=1, viewport-fit=cover'>
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css" type="text/css" />
<!-- Document Title
============================================= -->
<title>WordPress Optimization | Boost Page Speeds | WP INFUSION</title>
<!-- SEO -->
<link rel="canonical" href="https://wpinfusion.com/optimization" />
<meta name="description" content="Improve your page speeds today ! We can optimize your website to get the fastest page speed possible. For WordPress and other webapplication too. Feel free to reach out to us !" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="WordPress Optimization | Boost Page Speeds | WP INFUSION " />
<meta property="og:description" content="Improve your page speeds today ! We can optimize your website to get the fastest page speed possible. For WordPress and other webapplication too. Feel free to reach out to us !" />
<meta property="og:url" content="https://wpinfusion.com/optimization" />
<meta property="og:image" content="https://wpinfusion.com/images/logo/wp-infusion-logo-ret.png" />
<meta property="og:site_name" content="WP Infusion" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:description" content="Improve your page speeds today ! We can optimize your website to get the fastest page speed possible. For WordPress and other webapplication too. Feel free to reach out to us !" />
<script type='application/ld+json'>{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/wpinfusion.com\/","name":"Home"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/wpinfusion.com\/optimization\/","name":"Optimization"}}]}</script>
<!-- / SEO -->
<!-- Android Theme Color -->
<meta name="theme-color" content="#7ef3dc">
<!-- Ratings -->
<script type="application/ld+json">{"@context": "http://schema.org","@type": "LocalBusiness","name": "WP Infusion","image": "https://wpinfusion.com/images/logo/wp-infusion-logo-ret.png","aggregateRating":{"@type": "AggregateRating","ratingValue": "9","reviewCount": "118","bestRating": "10","worstRating": "1"}}</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NCZGW2N');</script>
<!-- End Google Tag Manager -->
</head>
<body class="stretched no-transition sticky-responsive-menu">
<!-- Google Tag Manager (noscript) -->
<!-- <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NCZGW2N"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>-->
<!-- End Google Tag Manager (noscript) -->
<!-- Document Wrapper
============================================= -->
<div id="wrapper" class="clearfix">
<!-- Top Bar
============================================= -->
<div id="top-bar" class="transparent-topbar">
<div class="container clearfix">
<div class="col_half nobottommargin clearfix">
<!-- Top Links
============================================= -->
<div class="top-links">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div><!-- .top-links end -->
</div>
<div class="col_half fright dark col_last clearfix nobottommargin">
<!-- Top Social
============================================= -->
<div id="top-social">
<ul>
<!-- <li><a href="http://facebook.com/wpinfusion" class="si-facebook" target="_blank"><span class="ts-icon"><i class="icon-facebook"></i></span><span class="ts-text">Facebook</span></a></li>
<li><a href="http://instagram.com/semicolonweb" class="si-instagram" target="_blank"><span class="ts-icon"><i class="icon-chat-3"></i></span><span class="ts-text">WhatsApp Chat</span></a></li> -->
<li><a href="mailto:[email protected]" class="si-email3"><span class="ts-icon"><i class="icon-envelope-alt"></i></span><span class="ts-text">[email protected]</span></a></li>
</ul>
</div><!-- #top-social end -->
</div>
</div>
</div><!-- #top-bar end -->
<!-- Header
============================================= -->
<header id="header" class="transparent-header floating-header clearfix">
<div id="header-wrap">
<div class="container clearfix">
<!-- Logo
============================================= -->
<div id="logo">
<a href="/" class="standard-logo"><img src="images/logo/wp-infusion-logo.png" alt="WPinfusion Logo"></a>
<a href="/" class="retina-logo"><img src="images/logo/wp-infusion-logo-ret.png" alt="WPinfusion Logo"></a>
</div><!-- #logo end -->
<!-- Primary Navigation
============================================= -->
<div id="primary-menu-trigger"><i class="icon-reorder"></i></div>
<nav id="primary-menu" class="with-arrows">
<ul>
<li><a href="development.html"><div><i class="icon-code"></i>Development</div></a></li>
<li class="current"><a href="optimization.html"><div><i class="icon-line2-speedometer"></i>Optimization</div></a></li>
<li><a href="support.html"><div><i class="icon-et-tools-2"></i>Support</div></a></li>
<li><a href="deployment.html"><div><i class="icon-line-server"></i>Deploy</div></a></li>
<li class="d-lg-none d-xl-none"><a href="contact.html"><div><i class="icon-line-mail"></i>Contact</div></a></li>
</ul>
<!-- Menu Buttons
============================================= -->
<a href="contact.html" class="button button-rounded fright leftmargin-sm"><i class=icon-line-mail></i>Contact</a>
</nav><!-- #primary-menu end -->
</div>
</div>
</header><!-- #header end -->
<!-- Slider
============================================= -->
<section id="slider" class="slider-element slider-parallax full-screen clearfix">
<div class="slider-parallax-inner" style="background: #FFF url('images/banner-speed-opt.jpg') center center no-repeat; background-size: cover;">
<div class="vertical-middle">
<div class="container topmargin-sm">
<div class="row">
<div class="col-lg-5 col-md-8">
<div class="slider-title">
<div class="badge badge-pill badge-default">The NEED for SPEED</div>
<h2 style="font-weight: 600;">Speed Up Your Site !</h2>
<p>Many people underestimate the importance of page speeds. Slow websites cause frustration which will likely result in the visitor leaving your site. This is something you do not want, especially with e-Commerce sites.<br><br>We can help you improve you page speeds by fine-tuning your site and server settings.</p>
<h3 class="t300 ls4 lowercase" style="font-size: 15px; color: #999;">Feel free to contact us, we don't bite !</h3>
<a href="#learn-more" data-scrollto="#learn-more" class="button button-rounded button-large nott ls0">Learn More</a>
<a href="contact.html" class="button button-rounded button-large button-light text-dark bg-white border nott ls0">Contact Us</a>
</div>
</div>
</div>
</div>
</div>
<div class="video-wrap h-100 d-block d-lg-none">
<div class="video-overlay" style="background: rgba(255,255,255,0.85);"></div>
</div>
</div>
</section><!-- #slider end -->
<!-- Features
============================================= -->
<section id=content>
<div class="content-wrap pt-0">
<div class="section mt-4 mb-0 pb-0" style="padding-bottom: 30px !important;">
<div class="container">
<div class="heading-block nobottomborder center divcenter mb-0 clearfix">
<div id="learn-more" class="badge badge-pill badge-default">Optimization</div>
<h3 class="nott ls0 mb-3">How we do it</h3>
<p style="padding-bottom: 30px;">We use some basic strategies to improve your page speeds like caching, compression and image optimization.<br><strong style="color: #3ec4a5;">However, unlike most of our competitors, we don't just stop there ! We thrive for the best results possible, so we dig into the code and try to find even more oppurtunities to make your site faster, like replacing old plugins and functions, or removing unused code.</strong></p>
</div>
<div class="row justify-content-between align-items-center clearfix">
<div class="col-lg-6 col-sm-6">
<div class="feature-box noborder no-middot">
<div class="fbox-icon">
<i class="icon-line-square-check" style="background-color: white; color: #1bbc9c;"></i>
</div>
<h3 class="nott ls0">Server Side Caching</h3>
<p>Implementing page caching through Nginx natively, or through CMS extensions</p>
</div>
<div class="feature-box noborder mt-5 no-middot">
<div class="fbox-icon">
<i class="icon-line-square-check" style="background-color: white; color: #1bbc9c;"></i>
</div>
<h3 class="nott ls0">Client Side Caching</h3>
<p>Leverage browser caching so certain elements are stored for future navigation</p>
</div>
<div class="feature-box noborder mt-5 no-middot">
<div class="fbox-icon">
<i class="icon-line-square-check" style="background-color: white; color: #1bbc9c;"></i>
</div>
<h3 class="nott ls0">Image Optimization</h3>
<p style="padding-bottom: 40px;">Resize, convert and compress media, so it's parsed faster</p>
</div>
</div>
<div class="col-lg-6 col-sm-6">
<div class="feature-box noborder no-middot">
<div class="fbox-icon">
<i class="icon-line-square-check" style="background-color: white; color: #1bbc9c;"></i>
</div>
<h3 class="nott ls0">Redis Object Caching</h3>
<p>Use a Redis database to store objects and transients for popular PHP & SQL queries</p>
</div>
<div class="feature-box noborder mt-5 no-middot">
<div class="fbox-icon">
<i class="icon-line-square-check" style="background-color: white; color: #1bbc9c;"></i>
</div>
<h3 class="nott ls0">Compression</h3>
<p>Gzip and/or Brotli compression to serve pages and media faster to your visitors</p>
</div>
<div class="feature-box noborder mt-5 no-middot">
<div class="fbox-icon">
<i class="icon-line-square-check" style="background-color: white; color: #1bbc9c;"></i>
</div>
<h3 class="nott ls0">CSS/JS Optimization & Deferring</h3>
<p>Combine and inline JS & CSS files, and defer them for faster 'above the fold' loading</p>
</div>
</div>
</div>
</div>
</div>
<!-- Features
============================================= -->
<div class="container clearfix py-5" style="padding-top: 6rem !important;">
<div class="heading-block nobottomborder center">
<div class="badge badge-pill badge-default">Methodology</div>
<h3 class="nott ls0" style="padding-bottom: 20px;">Fast page speeds are vital !</h3>
<p>Prevent visitors from leaving your site out of frustration because they keep waiting on pages to load. Optimal page speeds are vital to user satisfaction, ranking and conversion ratios</p>
<h5 class="text-rotater mb-2" data-separator="," data-rotate="fadeIn" data-speed="3500"><span class="t-rotate">- Slow page speeds can result in a lower ranking,- Optimized page speeds increase conversions for e-Commerce,- 53% of visits to mobile sites are abandoned after 3 seconds,- 52% of online shoppers claim that quick page loads are important for their loyalty to a site,- Pagespeed can have a direct impact on your Adwords campaign and Quality</span></h5>
</div>
<div class="row">
<div class="col-md-4 mt-5">
<div class="feature-box fbox-center noborder">
<div class="fbox-icon">
<a href="#"><img src="extra/assets/images/icons/research.svg" alt="Feature Icon" class="nobg noradius"></a>
</div>
<h3 class="nott ls0">1. Research</h3>
<p>First we take a look at your site to see if there is room for improvement. We analyze images, script, stylesheets and server timings</p>
</div>
</div>
<div class="col-md-4 mt-5">
<div class="feature-box fbox-center noborder">
<div class="fbox-icon">
<a href="#"><img src="extra/assets/images/icons/optimizing.svg" alt="Feature Icon" class="nobg noradius"></a>
</div>
<h3 class="nott ls0">2. Optimizing</h3>
<p>We optimize your page speeds to the best of our ability. Caching, compression, image optimization and much more</p>
</div>
</div>
<div class="col-md-4 mt-5">
<div class="feature-box fbox-center noborder no-middot">
<div class="fbox-icon">
<a href="#"><img src="extra/assets/images/icons/result.svg" alt="Feature Icon" class="nobg noradius"></a>
</div>
<h3 class="nott ls0">3. Report</h3>
<p>We report back to you with the final result and a before/after comparison. We aim for high scores in Pagespeed, but the actual page load times are what's most important!</p>
</div>
</div>
</div>
</div>
<!-- Promo/Contact
============================================= -->
<div class="section mt-5 footer-stick promo-section" style="padding: 100px 0; overflow: hidden">
<div class="container" style="position: inherit;">
<div class="heading-block nobottomborder center">
<h5 class="uppercase ls1 mb-1">Questions ?</h5>
<h2 class="nott ls0">Reach Out To Us <span>Today</span></h2>
<a href="contact.html" class="button button-large button-rounded nott ml-0 ls0 mt-4">Contact Us Now</a>
</div>
</div>
</div>
</div>
</section>
<!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="noborder bg-white">
<!-- Copyrights
============================================= -->
<div id="copyrights" style="background: url('extra/assets/images/hero/footer.svg') no-repeat top center / cover; padding-top: 70px">
<div class="container clearfix">
<div class="col_half">
Copyrights © 2020 All Rights Reserved by WP Infusion<br>
<div class="copyright-links"><a href="tos.html">Terms of Service</a> / <a href="privacypolicy.html">Privacy Policy</a></div>
</div>
<div class="col_half col_last tright">
<div class="copyrights-menu copyright-links clearfix">
<a href="index.html">Home</a>/<a href="contact.html">Contact</a>
</div>
</div>
</div>
</div><!-- #copyrights end -->
</footer><!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="icon-angle-up"></div>
<!-- External JavaScripts
============================================= -->
<script src="js/jquery.js"></script>
<script src="js/plugins.js"></script>
<!-- Footer Scripts
============================================= -->
<script src="js/functions.js"></script>
</body>
</html>