不知不觉我的电商七年~ 今天分享一下自己的那些事

冷子浩

折腾过挺多的程序，我今天偶然发现我以前是卷皮的vip。主要是现在网站准备做seo，分享一下关于新手做电商这块的一个优化和小点经验吧~

首先还是先亮出自己的站点
https://www.yells.vip/ 电脑版
https://m.yells.vip/ 手机版

大家看我的电脑版都能看到我只做了一个首页，因为我的话平时也有正常的工作，pc花费的时间精力太大，我看了现在挺多我这个类型的潮牌APP，包括一些外卖，团购网什么的现在都已经暂停开发电脑版了，主要是现在手机太方便了，越来越少的人用电脑版了，如果没有专业技术团队和运营团队个人建议就不要太去注重pc，多去优化一下手机版的布局和代码的优化，毕竟现在手机日活用户量毕竟已经抢占了整个pc的巨大百分比！

我们做电商前面没运营前基本是没有客户的，那么很多人就会去做二开，做美化等等，我完全就是做给自己看的那种，那么我也给大家说一下如果你想了解的程序方面最好注意的几个点~

1.伪静态做html，htm，因为脚本php处理数据一下就被看出来语言，动态不利于收录，并且数据量超过上百上千没有高配置的服务器并发很容易CPU偏高崩溃，新手不懂怎么回事的话完全可以把你服务器给卡的死死的！！！

2.oss阿里云，又拍云等图片分离，我的网站现在产品也不多，也就一两百个吧，做的ajax和oss，oss是把图片从服务器上传到另外一个服务器进行存储，这样可以减轻你的服务器压力，图片多了直接影响你的运行速度，现在挺多网站采用的是懒加载图片，但是很多百度的懒加载虽然是实现缓慢加载的效果了，但是实际并没有做到把图片给优化的一个效果，我等下会在最后把我的加载代码附上，有需要的直接用上，让大家都可以用到真正的延迟加载特效，延迟加载可以提高用户体验度,成本上的话分离的算起来比服务器便宜很多~

3.系统选择：现在大多是Apache，我是用的Nginx,我之前也是选择的Apache，但是后来我发现cpu太过高了，如果并发很容易崩溃，我单纯就是为了减轻服务器的压力和处理速度，配置的是Nginx，个人觉得站点用Nginx比较好，对服务器处理性能比较快

4.php版本：有能力的最好升级到php7，php7的处理速度是比以前的老版本快了几倍的，我现在一般是在几毫秒就处理完成数据了，我当时升级php也遇到挺多兼容性的问题，而且php版本7最主要也就是处理兼容，函数构造发生了变化，但是对于网站的安全性能也能大大的提高，毕竟5的版本现在太老了。5.2左右的甚至有的都被淘汰了

5.如果想做好一个站点代码构造还是得进行修改，如果一个系统代码太多百度不太容易收录，这样对排名很不利。能二开就二开一下，版权问题有技术的多花点时间更换成自己的

我现在也在想如何做好自己的站点收录，虽然说我的是进行全方位的二次开发了，和以前系统版本基本是各方面都脱离了。但是收录还不是很好，毕竟太久没做seo这块了，让大牛见笑了，有经验就分享分享，打的有点累，就先分享这么多吧，比较基本的一些东西，不喜勿喷~

延时加载
js：
<script type="text/javascript">


$(function() {


      $("img.lazy").lazyload({effect:"fadeIn",placeholder : "loading图片的路径/logoding.gif",threshold:300});


  });


</script>


html：
<img class="lazy" data-original="需要加载图片的数据" />


识别苹果小黑条底部导航
js:
<meta name="viewport" content="width=device-width, viewport-fit=cover">
<script type="text/javascript">
$(document).ready(function () {
    isIPhoneX();
    function isIPhoneX() {
        var u = navigator.userAgent;
        var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
        if (isIOS) {
            if (screen.height == 812 && screen.width == 375) {
                $('.fffff').css('padding-bottom', '60px');   //底部导航获取元素
                $('.footer_logo.mobile').css('height','60px')  //设置苹果手机的话显示的高度
            } else if (screen.height == 896 && screen.width == 414) {
                $('.fffff').css('margin-bottom', '60px'); //底部导航获取元素
                $('.footer_logo.mobile').css('height','60px')   //设置苹果手机的话显示的高度
            }
        }
    }
});
</script>

wxm宝儿

不错，感谢分享！加油