Já faz um tempo que estou familiarizado com o Visual Studio code e a forma de trabalhar com ele vinculado ao SharePoint. Sempre tive muito “ranço” em trabalhar nos projetos dentro do SharePoint Designer por conta da sua desatualização na leitura dos códigos em HTML / CSS atuais como HTML5, CSS3 e etc.

Então há algum tempo mudamos a forma de trabalhar na empresa, utilizando o Visual Studio Code também da Microsoft para “codar”. Óbvio que no começo não foi nada fácil, pois tivemos que entender formas bacanas de fazer o VsCode e suas extensões funcionarem bem com o SP.

Hoje, venho falar de uma extensão chamada SPGo. Essa maravilha permite conectar seu projeto local com um ambiente em SharePoint. Você só precisa passar a URL do ambiente, colocar seu user/senha e definir o tipo de check-in que você deseja aplicar nas alterações.

Neste caso, é muito bom pra editar Masterpage, PageLayouts e tudo que for relacionado ao projeto em si, você informa o patch do que você deseja baixar e ele baixará os arquivos na sua maquina. Após você salvar ele perguntará se você deseja adicionar um comentário no seu check-in (assim como o Sharepoint sempre faz) e pronto, muito funcional!

Segue o link da extensão na Marketplace, e diga ADEUS ao SharePoint Designer! ❤

SPGo - Visual Studio Marketplace

Há alguns meses atrás, eu recebei a missão de otimizar o website da empresa onde trabalho hoje (SimbioX). A SimbioX fez consultoria com uma empresa especializada em SEO e performance, que nos enviou um relatório de coisas erradas e que poderiam ser melhoradas para otimizar o website.

Em contraparte, atuamos no desenvolvimento de websites com a plataforma SharePoint da Microsoft, o que nos dificulta de utilizar algumas boas práticas de desenvolvimento. Com uma pequena pesquisa e com os conhecimentos que tenho em SharePoint, consegui reduzir o carregamento do website de megas para kbites. Haviam muitos links de CSS e Scripts linkados nas páginas, além os que o SharePoint mesmo insere que não é possível remover.

Como hoje utilizamos Vue.js para o desenvolvimento dos projetos, a home do website tinha mais de 6 components, e pra cada um deles havia um link. para CSS também haviam mais de 4 links separados, entre bibliotecas e frameworks. Então eu tive a ideia de unificar os javascripts e css de forma com que apenas 1 arquivo fosse carregado.

E não é que funcionou? a performance aumentou muito e a quantidade de requests diminuiu, o que fez com o que o site carregasse muito mais rápido. Também fiz otimizações nas imagens do site, de forma com que no Mobile o site chegasse pelo menos a 4 segundos de carregamento. Foi uma meta concluída com sucesso. Existe um site bem legal que avalia webistes e da uma nota pra quanto o seu site está otimizado para a web, chama-se Website Glader. Com ele consegui encontrar os possíveis erros no meu desenvolvimento e como poderia melhorar o máximo o desempenho e as boas práticas.

Então é isso! Você que é desenvolvedor e utiliza nosso querido SharePoint, fique ligado que em breve voltarei com novidades!

❤