精华内容
下载资源
问答
  • vueseo优化

    万次阅读 多人点赞 2019-09-03 11:02:37
    vue项目怎么seo优化? prerender-spa-plugin怎么使用,以及它的工作原理 什么是seo? SEO是由英文Search Engine Optimization缩写而来, 中文意译为“搜索引擎优化”。SEO是指通过对网站进行站内优化和修复(网站...

    前言

    • 先了解什么是seo?
    • 再了解搜索引擎蜘蛛的工作原理?
    • seo为啥对vue单页面不友好?
    • vue项目怎么做seo优化?
    • prerender-spa-plugin怎么使用,以及它的工作原理

    什么是seo?

    SEO是由英文Search Engine
    Optimization缩写而来, 中文意译为“搜索引擎优化”。SEO是指通过对网站进行站内优化和修复(网站Web结构调整、网站内容建设、网站代码优化和编码等)和站外优化,从而提高网站的网站关键词排名以及公司产品的曝光度。通过搜索引擎查找信息是当今网民们寻找网上信息和资源的主要手段。

    引擎蜘蛛的工作原理?

    详情查看蜘蛛的工作原理;不够详细的话自己百度一下
    搜索引擎蜘蛛的爬行是被输入了一定的规则的,它需要遵从一些命令或文件的内容。
    网络爬虫在爬取网页内容的时候,需要分析页面内容,主要有以下几点:

    • 从 meta 标签中读取 keywords 、 description 的内容。
    • 根据语义化的 html 的标签爬取和分析内容。一个整体都是用 div 标签的网站和正确使用了 html5 标签的效果是不一样的。
    • 读取 a 标签里的链接,通过 a 标签的链接可以跳转到别的网站。(爬虫是先跳转,还是继续爬内容再跳转,就看算法是广度优先还是深度优先了)
    • 像 h1 - h6 标签是具有不同程度的强调意义的。
    • 一般将 h1 视为重要内容。同样有强调内容还有 strong 、 em 标签。

    seo为啥对vue单页面不友好?

    • 爬虫在爬取的过程中,不会去执行js,所以隐藏在js中的跳转也不会获取到
    • vue通过js控制路由然后渲染出对应的页面,而搜索引擎蜘蛛是不会去执行页面的js的,导致搜索引擎蜘蛛只能收录index.html一个页面,在百度中就搜索不到相关的子页面的内容。
    • 我们加载页面的时候,浏览器的渲染包含:html的解析、dom树的构建、cssom构建、javascript解析、布局、绘制,当解析到javascript的时候才回去触发vue的渲染,然后元素挂载到id为app的div上,这个时候我们才能看到我们页面的内容,所以即使vue渲染机制很快我们仍然能够看到一段时间的白屏情况,用户体验不好
    引起的问题
    1. 收录的页面少了->被抓取的页面就少了->点击量之类的也就少了;

    2. 不能对对应的页面做TDK(title, keywords, description)不同的配置,每个页面的title和meta标签都是一样的,不利于网络爬虫的爬取


    怎么解决那?

    html就不能通过js生成,我们需要在加载js之前做一下页面的预渲染,目前了解到的有两种方法,vue的ssr渲染(配置参考)和prerender-spa-plugin插件实现(配置参考)。SSR比较复杂,所以选了prerender-spa-plugin来尝试。

    prerender-spa-plugin的使用

    See 配置参考.
    本次只介绍vue-cli3的解决方案

    使用 webpack + prerender-spa-plugin + vue-meta-info轻松地添加预渲染

    npm install prerender-spa-plugin --save
    

    vue.config.js

    const PrerenderSPAPlugin = require('prerender-spa-plugin')
    const Renderer = PrerenderSPAPlugin.PuppeteerRenderer
    // eslint-disable-next-line no-unused-vars
    const webpack = require('webpack')
    const path = require('path')
    
    module.exports = {
      configureWebpack: config => {
        if (process.env.NODE_ENV !== 'production') return
        return {
          plugins: [
            new PrerenderSPAPlugin({
              // 生成文件的路径,也可以与webpakc打包的一致。
              // 这个目录只能有一级,如果目录层次大于一级,在生成的时候不会有任何错误提示,在预渲染的时候只会卡着不动。
              staticDir: path.join(__dirname, 'dist'),
              // outputDir: path.join(__dirname, './'),
              // 对应自己的路由文件,比如a有参数,就需要写成 /a/param1。
              routes: ['/testData',  '/contact'],
              // 这个很重要,如果没有配置这段,也不会进行预编译
              renderer: new Renderer({
                  inject: { //默认挂在window.__PRERENDER_INJECTED对象上,可以通过window.__PRERENDER_INJECTED.foo在预渲染页面取值
                  foo: 'bar'
                },
                headless: false,
                // 在 main.js 中 document.dispatchEvent(new Event('render-event')),两者的事件名称要对应上。
                renderAfterDocumentEvent: 'render-event'//等到事件触发去渲染,此处我理解为是Puppeteer获取页面的时机
              })
            })
          ]
        }
      },
    }
    
    • staticDir 指的是预渲染输出的页面地址,
    • routes 指的是需要预渲染的路由地址,
    • renderer 则是所采用的渲染引擎是什么,目前用的是 V3.4.0 版本支持 PuppeteerRenderer。
    • inject 则是预渲染过程中都能拿到的值,该值提供给你了机会,让你觉得是否渲染这部分代码。例如下面的代码,是不会被预渲染进 HTML 中的。
    showMessage(){
          if(window.__PRERENDER_INJECTED && window.__PRERENDER_INJECTED.foo =='bar') return;
          this.message = '我是测试预加载拦截';
        }
    
    • renderAfterDocumentEvent 这个则很关键,这个是监听 document.dispatchEvent 事件,决定什么时候开始预渲染

    main.js

    new Vue({
      router,
      store,
      render: h => h(App),
    //添加到这里,这里的render-event和vue.config.js里面的renderAfterDocumentEvent配置名称一致
      mounted () {
        document.dispatchEvent(new Event('render-event'))
      }
    }).$mount('#app')
    
    然后就是npm run build打包
    1. router.js里面把mode要为'history',hash模式会打包的时候生成同样的页面,所以一定要history
    2.打包之后上传到服务器才可以看到效果,或者本地自己创建一个服务

    这样dist的文件夹目录结构就会变成如下的样子

    image.png

    就是打包之后,每个路由都会打包成一个文件夹,都有一个对应的静态 HTML;

    每一个 HTML 内除了

    <div id="app"></div>
    

    这个 Vue 的挂载元素外,还有静态的标签内容。

       <body>
          <div id="app">
            <div data-v-fa8a7bc4="" class="app-wrapper openSidebar">
              <section data-v-2c0baa24="" data-v-fa8a7bc4="">
                <div data-v-2c0baa24="">
                  <div aria-label="Breadcrumb" role="navigation" class="el-breadcrumb"><span class="el-breadcrumb__item"><span
                        role="link" class="el-breadcrumb__inner is-link">首页</span><span role="presentation"
                        class="el-breadcrumb__separator">/</span></span><span class="el-breadcrumb__item"><span role="link"
                        class="el-breadcrumb__inner">活动管理</span><span role="presentation"
                        class="el-breadcrumb__separator">/</span></span><span class="el-breadcrumb__item"><span role="link"
                        class="el-breadcrumb__inner">活动列表</span><span role="presentation"
                        class="el-breadcrumb__separator">/</span></span><span class="el-breadcrumb__item"
                      aria-current="page"><span role="link" class="el-breadcrumb__inner">活动详情</span><span role="presentation"
                        class="el-breadcrumb__separator">/</span></span></div>
                </div>
              </section>
            </div>
          </div>
          <script src="config/config.js"></script>
          <script src="/static/js/chunk-vendors.cb183907.js"></script>
          <script src="/static/js/app.83e704ba.js"></script>
        </body>
    
    遇到的问题

    1.本地起服务测试,会发现能正常运行,但是做了优化的页面刷新之后会没有样式
    造成问题的原因就是打包的时候vue.config.js的资源路径配置不对
    没有优化之前的路径是

      // 资源路径
      publicPath: './',
    

    打包之后路由下面的资源路径是这样的
    image.png

    解决办法

    优化之后的路径是

      // 资源路径
      publicPath: '/',
    

    打包之后的路由下面的资源路径是这样的
    image.png

    就是路径前面多了一个/,采用了绝对路径

    这个时候需要一个服务来测试

    1.全局安装node.js

    2.安装成功后,执行npm install anywhere -g 安装anywhere

    3.在对应路径下打开cmd,执行anywhere指令。如图:
    image.png
    然后就可以在浏览器输入地址访了,可以看到每个路由对应的 HTML

    prerender-spa-plugin 是如何做到将运行时的 html 打包到文件中的呢?

    • prerender-spa-plugin插件的工作流程图:
      image.png
    • prerender-spa-plugin 利用了 Puppeteer[4] 的爬取页面的功能。 Puppeteer 是一个 Chrome官方出品的 headlessChromenode 库。它提供了一系列的 API, 可以在无 UI 的情况下调用 Chrome 的功能, 适用于爬虫、自动化处理等各种场景。它很强大,所以很简单就能将运行时的 HTML 打包到文件中。
    • 原理是在 Webpack 构建阶段的最后,在本地启动一个 Puppeteer 的服务,访问配置了预渲染的路由,然后将 Puppeteer 中渲染的页面输出到 HTML 文件中,并建立路由对应的目录。
    • 每个路由对应的 HTML,然后我们可以更改每个路由文件里的 title 、 meta keyword等 。
    • 另外页面的内容都已经在 HTML 中直接呈现,也可以解决 js 等资源加载慢导致白屏的问题。
    prerender-spa-plugin 的确在一定程度上解决了我们对于 SEO 的诉求和页面加载慢的问题。但是它的缺点还是很明显的。
    • 不同的用户看到不同的页面,动态数据页面(预渲染在获取用户权限数据之前就进行渲染了,所有他不能做到这个)
    • 动态路由也不可以(webpack编译的时候 路由还没挂载那)
    • 经常发生变化的页面,数据实时性展示(比如体育比赛等 我们现在的方式是前端拿到组件后进行组装数据,然后在进行渲染 像这种实时数据的会不准确)
    • 路由过多,构建时间过长
    然后就是为这些打包的静态页面分配title和meta标签,需要用到 vue-meta-info
    安装
    npm install vue-meta-info --save
    

    main.js里面引入vue-meta-info

    import MetaInfo from 'vue-meta-info'
    
    Vue.use(MetaInfo)
    

    这样在组件页面中就可以使用了
    假设你要给contact.vue添加title,meta标签

    contact.vue

    <template>
    ...
    </template>
    
    <script>
    export default {
      metaInfo: {
        title: '我是contact头', // set a title
        meta: [{             // set meta
          name: 'keyWords',
          content: '我是contact关键字'
        },
        {
          name: 'description',
          content: '我是contact描述'
        }],
        link: [{ // set link
          rel: 'asstes',
          href: 'https://assets-cdn.github.com/'
        }]
      }
    }
    </script> 
    

    这样再结合prerender-spa-plugin,打包之后,在dist文件夹找到contact文件夹下的index.html
    打开你会发现就有title和meta的关键字和描述标签了

    本地起服务或者发布到线上运行项目,在页面右键—查看源代码—就可以看到页面的title和meta标签了。

    展开全文
  • 其中一块是站外优化,另一块就是站内优化,其实最重要的就是站内优化这块,要知道站内优化要是的不好,即使再多的站外优化也是徒劳无功。那么网站内部优化应该怎么呢?这篇文章马找钱就大家分享下,希望可以...

    做SEO优化的站长们应该都知道一个网站优化可以分为两块。其中一块是站外优化,另一块就是站内优化,其实最重要的就是站内优化这块,要知道站内优化要是做的不好,即使做再多的站外优化也是徒劳无功。那么网站内部优化应该怎么做呢?这篇文章马找钱就大家分享下,希望可以帮助到大家。

    SEO教程:网站优化时站内优化应该怎么做?

    第一:网站内容

    对于网站内部优化的话,网站内容应该怎么写呢?网站内容的撰写其实是有技巧的,要认清楚一点事实就是,网站分页的引流还是非常的好的。有的时候,内页的一篇文章都能够带来很多的流量,吸引来很多的用户的点击,所以网站内部的文章必不可少。

    那么网站内部的文章应该怎么写呢?

    1、搜索引擎喜欢看的

    那么就是你要想用户喜欢搜关键词,那么就需要把这些关键词的意义编写成文章,并且按照SEO的优化角度来进行文章内部的关键词的布局。

    2、网站文章是否解决用户需求

    文章的内容是否解决了顾客的问题,这点是非常重要的。如果用户看来我们的网站的文章,解决了自己的问题,那么相应的跳出率、访问时长等都是比较优秀的,那么搜索引擎自然也会给我们一个较好的排名位置。

    第二:内部优化

    内部优化包含的内容很多,不过大致可以分为以下几点:

    1、robot文件

    robot文件中要清晰的表达希望搜索引擎抓取哪些地方,屏蔽哪些地方,这是搜索引擎抓取整个网站的前提。

    2、标签优化

    对于SEO来讲,有关优化的标签通常所见到的就是一些 H1-H6、strong 标签等等,这些标签相对的来讲要符合搜索引擎的抓取性格。对于搜索引擎来讲,其喜欢的是有规则的抓取,而并非哪里都是这些标签的强调搜索抓取。

    3、友情链接

    友情链接交换的时候最好要是互惠互利的,当然你的网站本身质量太差,建议还是重点放在网站内容上。

    4、页面标签

    对于首页来讲首页的TDK代表了在百度搜索结果页面上面展现的网站的标题跟描述了,但是关键词是隐晦起来的,还有就是对于稍微大一些的网站需要的是分页的TDK也要展现出来。

    5、链接形式

    网站页面最好要用的就是伪静态的形式,如果不是伪静态的形式的话,对于收录还是有一定的影响的。

    6、落地页面

    这一点理解起来较为容易理解,就是你的网站页面本来是介绍的A产品,结果用户搜索B产品进来的,容易造成网站的用户流失,因为网民没有看到他们想要的东西所以就走了,因此我们要保证用户搜索词和我们产品内容是相符的。

    7、链接走向

    这一点对于大网站来讲比较有用,就是对于内部链接来讲,因为蜘蛛是通过一层一层的链接来爬行的,所以希望的是网站的内部链接的搭建可以形成一个环状,让蜘蛛长时间滞留在网站内部,可以让网站页面更多更好的收录。

    第三:监测工具

    针对于监测工具来讲就是来告诉你,你的这些工作到底有没有用的时候了,很多时间会用到的就是百度站长工具,最直观的可以看到的就是一个网站的近期收录更新状况,网站的权重。

    还有就是一种监测工具,就是网站日志的观察,这种东西就可以最直观的看到网站的蜘蛛爬行进度。还有网站的蜘蛛抓取状况,根据这种网站日志的查看,就可以知道哪些文章的优化不到位,哪些的链接未能被蜘蛛抓取。

    第四:百度统计

    根据网站做百度统计,知道哪些词用户最关心,知道网站一天来了多少用户,这些用户是通过搜索什么关键词来到我们网站的,以及访问的时长、访问的那个页面等等数据,这点是网站优化中也是非常重要的一点。

    以上就是马找钱分享的网站优化时站内优化的一些方法,实属个人的见解。希望此篇文章可以帮助各位站长。更多的网络营销教程请关注马找钱网络营销学习网。

    展开全文
  • 这16年来我是如何系统性能优化

    千次阅读 2020-04-27 18:54:31
    我回顾了下自己这16年来的工作经历,发现无论在华为、腾讯、思科、阿里,我都在与海量数据打交道,这个过程中对性能优化有许多思考,但一直没有系统的写下来。于是我就跟郭蕾说,那就针对分布式系统,讲讲我心中的...

    2019年下半年,极客时间总编辑郭蕾从北京飞来杭州,问我有什么特别想分享给大家的技术。我回顾了下自己这16年来的工作经历,发现无论在华为、腾讯、思科、阿里,我都在与海量数据打交道,这个过程中对性能优化有许多思考,但一直没有系统的写下来。于是我就跟郭蕾说,那就针对分布式系统,讲讲我心中的性能优化方法论吧。这就是《系统性能调优必知必会》这门课的诞生过程。

    我做过两门视频课,《Nginx 核心知识 100 讲》和《Web 协议详解与抓包实战》,这次和你聊聊程序员日常工作中那些绕不开的系统性能优化问题

    只要技术厉害一点的工程师都知道,性能不只对产品的攻城掠地至关重要,它也是程序员价值的重要体现,特别是它在工作面试、技术等级晋升上总会扮演重要角色。

    • 比如,在包括阿里在内的大多数拥有技术职级晋升体系的公司里,为了保障公平性,一般会由跨部门的专家组成评委会。那么其他部门的高级专家在不熟悉候选人业务的情况下,要怎么去考察候选人的水平呢?他们只能去考察底层的硬核知识,而这当中性能问题又是最有区分度的问题。因此,掌握性能问题将对你的晋升之路有很大助益。如果你始终埋头在业务中,不关心更通用的性能优化方法论,将在技术等级晋升上非常吃亏。
    • 再比如,你在面试互联网大厂时,面试官总会问许多超出工作范围的性能问题,为什么会这样呢?当然你可以感慨甚至抱怨,这不就是“面试造火箭,入职拧螺丝”嘛?但从面试官的角度来看,你会发现性能就是最好的面试题,它从算法到架构,既考察了候选人的潜力,也能考察工程能力。如果候选人具备系统的性能优化方法论,那么无论在架构设计还是应用模块开发上,他的代码可扩展性都会更好,消耗的计算力、带宽和磁盘等 IT 资源也更少,也自然更容易被面试官青睐。

    因此,不论是为了满足业务发展的需求,还是在面试、晋升场景中有更好的表现,如果你希望成为高薪高效的 10X 程序员,那么,系统地学习性能优化就是一门必修课。我先把课程海报分享在这,再跟你说说这门课解决的具体问题。

    那么,系统性能优化该怎么学呢?当然是看需求。当下的后端几乎都是分布式系统,那么对应的,我们面对的课题也就是如何全面提升复杂集群的性能。但当你想要学习分布式系统优化的时候,你却会发现,能找到的资料实在是太少了。

    如果你在 Google 上搜索如何优化分布式系统的性能,大概只能找到孤零零的几篇文章,相关的多数书籍也都在讨论容错、事务、流控等概念的实现,却很少有文章介绍如何优化整个分布式系统的性能。

    这恰恰就是我推出 《系统性能调优必知必会》这个专栏的初衷。我希望通过这个专栏,把自己这些年来在分布式性能领域所遇到的问题和解决方案,归纳总结,梳理出一条交付给你,告诉你我眼中的性能问题本质是怎样的。

     

    我是谁?

    我是陶辉,杭州智链达数据有限公司 CTO 兼联合创始人,前阿里云高级技术专家、腾讯云 TVP,著有《深入理解 Nginx:模块开发与架构解析》一书。

    我 2004 年毕业于西安交通大学,有近 20 年的互联网一线工作经验:曾在华为中央软件部参与 iMAP 网管系统的研发,熟悉网络设备的工作流程;在腾讯 QQ 空间部门使用自定义的 Qzone 协议传递巨量数据,对如何设计出高性能、可扩展的应用协议有丰富的实践经验;在思科从事 Nginx 服务的研发,对 Web 服务器如何高效地处理 HTTP 协议有全面的认识;在阿里云担任 VPC 网络、ECS 管理与存储系统重构的架构师,对公有云及 IDC 内部网络系统有深刻了解。

    工作数年,我始终与性能相伴,目前致力于 Linux 下高性能服务器的开发,以及分布式环境下海量数据存储的设计与开发。

    我是如何讲解性能优化的

    如果你需要从架构层面优化整个系统,那么这门课可以拓展你的知识面,告诉你如何优化架构才能让整体服务获得最大性能;如果你刚开始接触性能优化,这门课可以给你打牢基础,告诉你影响性能的底层因素,在实践中优化你的程序,看到立竿见影的效果。

    我先给你总结了一份「系统性能优化核心知识图谱」

    你会发现,整个脑图我是从 4 个方面来梳理的,这其实就是我们在提升一个新系统的性能时,可以入手的 4 个层次。

    1、首先,你可以从提升单机进程的性能入手,包括高效地使用主机的 CPU、内存、磁盘等硬件,通过并发编程提升吞吐量,根据业务特性选择合适的算法。

    2、其次,分布式系统是由各个组件通过网络连接在一起,所以优化传输层网络可以让所有组件同时受益。具体优化时,你可以从降低请求的时延,提升总体吞吐量两个方向入手。

    3、再次,要对业务消息采用更高效的编码方式,这既包括协议头、包体的优化,也包括 TLS 安全层的性能提升。具体优化时,既要深入静态编码,也要从动态的增量编码上优化。同时,调整消息的交互方式也能提升性能。

    4、最后,我们再从集群整体上进行架构层面的优化。基于 ACP、AKF、NWR 等分布式理论,我们的优化方向仍然是降低时延和提升吞吐量,但实现方式则要运用分而治之的思想,调度集群中的所有结节协作配合,完成性能优化目标。

     

    展开全文
  • [前端优化]webAPP优化总结

    万次阅读 2017-01-05 14:21:26
    之前一直算法,随后在公司平台软件及后台,一个产品开发好-上线,优化一直伴随着整个过程,之前在公司的一款平台软件,从上线到最终的稳定几乎花了一年时间,其中大部分都在系统的优化. 优化的前提是软件的...

    一个webAPP 写完了,并不代表就结束了,优化过程非常重要,手机端的软件往往追求的体验和性能。

    1)减少js加载体积
    很多库能用CDN的尽量使用CDN,这样打包出来的js体积会很小,加载很快。

    2)尽量采用比较轻量级的UI 组件库
    比如museUI,mintUI等

    3)图片尽量放在图片服务器上,尽量图片进行压缩
    如果app中有大量图标,部署在同一服务器上时,当并发量大的时,往往会会因大量请求图片而导致服务器带宽占满而崩溃。

    4)尽量减少网络请求数量
    程序中的数据,有的能一个接口返回的尽量一个接口返回,不要弄太多的接口。

    5)尽量把大的JS 文件进行分割成小的js文件
    如果一个文件有几百K,则需要想办法减小js的体积,js体积大的时候,往往影响js的加载速度,进而影响体验。

    5)尽量不要在手机端做过于复杂的逻辑处理
    复杂的逻辑后端处理,手机端尽量只进行数据的展示和一些简单的逻辑处理。

    6) lazyload懒加载
    能采用懒加载的尽量采用懒加载,如模块懒加载,页面懒加载,图片懒加载等等。

    7) 减少使用定位属性(fixed/absolute)
    否则存在明显的渲染问题

    8) 释放没有使用的闭包
    释放没有使用的闭包

    展开全文
  • 产品设计之二:优化你的产品细节

    万次阅读 多人点赞 2011-07-31 08:09:52
    几天前的一个清晨,我敲下了《产品设计原则之一:精简你的产品》很荣幸被推荐到了首页,同时收到了好多人的信息反馈。在我看来,有人评论我写的东西,莫过于最荣幸的事情,所以我了一一回答。而今天我决定继续敲打...
  • 做产品项目的区别

    万次阅读 多人点赞 2017-04-21 11:23:27
    1 背景概述 在软件行业飞速发展的今天,我们可以将软件公司分大体分为两类,一类是使用框架进行开发的软件公司,另一类是...但事实并非如此,做产品项目两者之间既存在本质的区别,也存在着紧密的联系,今天笔者
  • 腾讯是如何Unity手游性能优化

    千次阅读 2016-12-06 11:17:26
    他山之石—腾讯是如何Unity手游性能优化的 本文转载自:http://www.taidous.com/thread-44045-1-1.html?_dsign=ba1258b9
  • 在开始标题优化之前,我们先问自己一个问题,是要流量or要销量? 再远一点,我们是为了一笔订单还是为了获取一个客户? 淘宝搜索优化不像百度搜索优化,我们最终的目的是为了赢得客户。如果你认同了这点,那么...
  • 项目难,做产品更难(一)

    千次阅读 2011-02-13 23:00:00
    都说做产品比做项目更容易实现知识深度的积累,在一个业务方向上拥有了积累,才能形成产品,才能逐渐优化产品思路,才能更好的去提升运营空间。因此,去跟随团队持续做好产品才是技术人的最好选择。 可是,做产品...
  • 多核心Linux内核路径优化的不二法门之-多核心平台TCP优化 》 事情果真就这样结束了吗?Lockless TCP listener真的就是事情的全部吗?Linux 4.7内核对此给出了否定的回答。 Linux 4.7之前TCP连接处理问题 ...
  • 小企业互联网推广怎么?昔年认为对小企业来说,推广的方式应该需要物美价廉。 毕竟小企业不是大企业,财大气粗,小企业更应该把推广预算花在刀刃上,必须强调既要实惠又有效果的推广方式。 那么昔年认为有这几种...
  • 全数据驱动产品优化,美国互联网公司A/B测试经验分享   摘要:在线A/B测试如何提高移动营销转化率和改进产品体验?Google、Facebook、微软等公司的A/B测试是怎么的?CTO讲堂第六期请到清华和耶鲁校友、...
  • 怎么做产品规划

    千次阅读 2018-07-24 09:11:31
    从业一年半,作为创业公司的产品新人,项目的跨度较大,个人成长也很快,慢慢升级,从功能→模块→规划做产品,最近实践了一次做产品短期规划,实践的过程中学习到不少知识,借撰文沉淀下来,站在产品经理的...
  • 那么今日头条下拉词框的效果就是把你的品牌、产品等相关信息,优化推广到你的行业主关键词、产品主关键词、或者大量的行业相关词上,这样你的目标用户在搜索的时候就会被你优化推广的今日头条下拉词所吸引住。...
  • 电商类产品搜索功能如何优化

    千次阅读 2018-06-07 15:03:50
    本文作者结合自己的经验,来探讨关于电商类产品搜索功能应如何优化。在讲主题之前想跟大家分享一下前些时间听到梁宁产品 30 讲里对用户画像的描述,里面有提到一组经典的用户画像大明、笨笨和小闲:大明呢对应的是对...
  • 上一次写了 前端项目分析:我是如何图片优化的(预加载和懒加载) 最近发现不管是性能的,还是图片加载的,都很有趣,故写此篇,纪念(记录)一下。 加载优化的意义 页面的打开速度对网站的优化有极大的意义,...
  • 本文我们将讲解一下android UI优化方面的知识。android系统的优化分为好多方面:比如性能优化,UI优化,资源文件优化等等,这里我们先暂时讲解android UI优化方面的知识点
  • 近几年国产数据库得到了飞速的发展,特别是云数据库、分布式数据库产品也越来越多。这其中华为公司也已经在数据库领域深耕多年。华为公司在今年5月份推出了自研的AI Native数据库GaussDB。GaussDB分为三个产品线,...
  • 现在的企业,不能像几年前,单纯的搭建好网站或网络平台,具备了网络推广完善的功能,做做SEOer就万事大吉了。 因为这几年网络变化太大了,自媒体、小视频的爆发,所以现在我们更需要结合多平台多渠道多方位的优化...
  • Android App优化之网络优化

    千次阅读 2016-11-10 08:49:09
    背景:Android App优化, 要怎么?Android App优化之性能分析工具Android App优化之提升你的App启动速度之理论基础Android App优化之提升你的App启动速度之实例挑战Android App优化之Layout怎么摆Android App优化之...
  • iOS之性能优化·优化App的启动速度

    万次阅读 2020-11-11 04:16:35
    抛砖引玉 苹果是一家特别注重用户体验的...作为开发者的我们,我们还可以哪些针对启动速度的优化? 所以我们今天结合 WWDC2019 - 423 - Optimizing App Launch [2] 聊一下和启动相关的东西。 概念引入 一、Mach-O
  • Unity优化总结

    千次阅读 多人点赞 2014-07-04 02:17:18
    我们的游戏已经在wp8、ios和android平台上线了。这是我的第一个Unity项目,期间遇到过不少困难和挫折,但是我和小... 项目中后期,我了一些优化工作,这里记录总结一下。 一、纹理压缩格式 非GPU支持的纹理...
  • Android产品研发(二)-->启动页优化

    万次阅读 多人点赞 2016-05-31 16:31:17
    上一篇文章中我们介绍加单说明了一下android的编码规范,这里我是强烈建议大家在团队合作中约定编码规范的,哪怕是一个并不是十分规范的规范总比没有规范好得多,尤其是团队产品的研发,对产品的持续迭代过程中你会...
  • 无论是刚入门的运营小白还是操作多年的大神,每天要的事情就是发产品,那在发产品这件事情上,到底什么问题最困扰你?关键词和产品标题!估计很多小伙伴会这样回答。为什么呢?因为关键词和标题是直接关系到产品...
  • 产品经理APP从头到尾的所有工作流程详解!

    万次阅读 多人点赞 2017-03-13 21:17:43
    但自己一直苦于这样或者那样的困惑,很多人想要从事产品,或者老板自己创业要亲自承担产品一职,但他们对产品这个岗位的认识却不明晰,有的以为是纯粹的画原型,有的是以为项目管理跟踪项目进度,有的是竞品分析...
  • 先来点福利,上个周末团队一起去青岛玩儿了,上张图,没有风景,呵呵。...出品,原文太长,分次转载一下,本次挑一个不少开发人员更感兴趣的主题——软件开发人员如何转型做产品管理。 文 / Marty Ca
  • 关于对新装Linux的固态硬盘(SSD)做优化配置 原文来自http://forum.suse.org.cn/viewtopic.php?f=2&t=100 由 比利海灵顿 » 周日 3月 31日, 2013年 9:39 pm初来乍到,写一篇小文交流一下日常应用心得,如有...
  • 第一步:关键词选择 关键词选择错了,后面的工作等于零,所以进行网站优化前,先要锁定自己网站的关键词。如题操作步骤如下: 1、列出基础词2、使用关键词分析工具找出更多的关键词和热门关键词。 百度相关搜索 ...
  • Android应用优化指南

    万次阅读 多人点赞 2017-03-16 18:24:32
    对我们技术从业者而言,很多时候时候不是我们不知道怎么,而是不知道什么?今天系统的总结自己关于如何对Android应用进行优化的一些经验,共计八个维度.
  • H5性能优化方案

    千次阅读 2016-08-17 18:06:07
    原本H5的渲染性能就不及native的app,如果不把性能优化做起来,将极大地影响用户使用产品的积极性。用户感受当用户能够在1-2秒内打开H5页面,看到信息的展示,或者能够开始进行下一步的操作,用户会感觉速度还好,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 353,370
精华内容 141,348
关键字:

产品优化怎么做