{"id":46202,"date":"2020-01-27T01:42:54","date_gmt":"2020-01-27T06:42:54","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=46202"},"modified":"2020-01-27T06:22:22","modified_gmt":"2020-01-27T11:22:22","slug":"wordpress-how-to-change-website-scroll-speed","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/wordpress-how-to-change-website-scroll-speed.html","title":{"rendered":"WordPress. How to change website scroll speed"},"content":{"rendered":"<p>\r\n<p>This tutorial shows how to change <strong>website scroll speed<\/strong> in WordPress.<\/p>\r\n<p>There is jQuery plugin Smooth Scroll used to manage scroll speed of your website.<\/p>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-3-(835-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>\r\n<p>In order to change the website scroll speed, you should perform the following:<\/p>\r\n<ol>\r\n<li>\r\n<p>Locate <strong>srSmoothscroll<\/strong> plugin in your theme&#8217;s js files.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Usually this plugin is enabled in <strong>themeXXXXX\/js<\/strong> folder inside of <strong>custom.js<\/strong> or <strong>my_script.js<\/strong> file of your child theme.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Alternatively, (like in our case) the scroll  plugin code can be in  <strong>jquery.simplr.smoothscroll.min.js<\/strong> file.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Open the file with any code editor.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Locate the following code:<\/p>\r\n<pre class=\"brush:javascript\">\r\njQuery(document).ready(function($) { \r\n  if(!device.mobile() &amp;&amp; !device.tablet()){ \r\n  $.srSmoothscroll({ \r\n  step:150, \r\n  speed:800 \r\n  }); \r\n  } \r\n  });\r\n<\/pre>\r\n<\/li>\r\n<li>\r\n<p>Change the <strong>speed<\/strong> value to the desired one:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/Wordpress.-How-to-change-website-scroll-speed-.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/Wordpress.-How-to-change-website-scroll-speed--300x162.png\" alt=\"Wordpress.-How-to-change-website-scroll-speed-\" width=\"300\" height=\"162\" class=\"aligncenter size-medium wp-image-46203\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Wordpress.-How-to-change-website-scroll-speed--300x162.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Wordpress.-How-to-change-website-scroll-speed--150x81.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Wordpress.-How-to-change-website-scroll-speed--1024x554.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/Wordpress.-How-to-change-website-scroll-speed-.png 1200w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Save changes.<\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/Vx5MZTQ-pYA\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n<p><\/p>\r\n<p><h2><a href=\"https:\/\/www.templatemonster.com\/services\/website-speed-performance-optimization\/\">Website Speed Optimization Service<\/a><\/h2><\/p>\r\n<p>Website performance is crucial. Your website should not only look great but it has to load all the elements fast. It helps to provide visitors with the best possible user experience. However, website optimization is quite challenging, as you need to consider numerous factors. Luckily, you can avoid spending your time looking for elements that decrease your website performance. If you don\u2019t want to waste your time optimizing your website, then you should consider getting your website optimized by our specialists. Our professionals know all the aspects of website optimization without any losses. We work with CMS websites, like WordPress and Joomla. We also can optimize online stores that are built using OpenCart, Prestashop, Magento, WooCommerce.<\/p>\r\n<p>Our team will start with analyzing. We will find places that affect performance negatively. Then we will focus on such optimization options as:<\/p>\r\n<ul><li>Content and database optimization<\/li>\r\n<li>Source file minimization<\/li>\r\n<li>Compressing and caching<\/li><\/ul>\r\n<p>We will also provide you with a very detailed report. The report shows how fast your website becomes. The whole optimization process doesn\u2019t take much time \u2013 3 days for CMS websites and 5 days for online stores. You also required to provide us with all the necessary information before we start optimizing your website.<\/p>\r\n<p>It\u2019s important to make sure that your website works fast. It\u2019s especially important if you have an online store. Visitors do not want to wait too long. If a visitor experiences any speed issues \u2013 they may leave your website. It means that you can lose a potential client. CMS websites may include a huge amount of content which may require much time to load. It\u2019s essential to make sure that a visitor can get what they want without making them wait too long. If your website doesn\u2019t perform well (it doesn\u2019t load all the necessary content fast enough) you cannot compete with other websites that have the same content. Website optimization is critical as it helps to improve user experience, which helps to increase the visitors\u2019 rate.<\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to change website scroll speed in Wordpress.<\/p>\n","protected":false},"author":60,"featured_media":46206,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[528,531,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/46202"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/60"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=46202"}],"version-history":[{"count":7,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/46202\/revisions"}],"predecessor-version":[{"id":85561,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/46202\/revisions\/85561"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/46206"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=46202"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=46202"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=46202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}